no-img
اِمیلا

انواع کد پاپ آپ بدون افزونه

بروزرسانی؛
28 فوریه 2020
کد نویسی

آیا تا به حال شده نیاز داشته باشید هنگامی کاربرانتان هنگام باز شدن صفحه سایت شما و یا کلیک کاربران بر روی دکمه نوشتاری و یا تصویری در صفحه، صفحه ای جدید با تنظیمات دلخواه باز شود؟ در این بخش از emila انواع کد پاپ آپ بدون افزونه تعدادی جهت استفاده پنجره​ های PopUp معرفی می شود.

پاپ آپ به پنجره​های کوچکی می​ گویند که بر روی پنجره فعلی باز می ​شوند و معمولاً حاوی یک پیغام، تبلیغ، نظرات یا هر محتوایی که مد نظر شماست قرار می گیرد.

در کد زیر با کلیک بر روی متنی که شما لینک آن را در آن جایگذاری می کنید، کاربر به پاپ آپ آن صفحه رو به رو خواهد شد. لینک مورد نظرتان را با emila.ir تعویض نمایید.

<a href="#1" onclick="window.open('http://emila.ir/','','resizable=1,scrollbars=1,width=300,height=300,top=100,left=100,status=1,menubar=1,toolbar=1,location=1,directories=1');return false;" style="text-decoration:none;font-family:tahoma;font-size:10pt;color:#E63917">مشاهده صفحه جدید</a>

در کد زیر مانند کد بالا با کلیک کاربر ظاهر می شود با این تفاوت که این کلیک بر روی تصویر و عکس باید صورت بگیرد. ادرس سایت و لینک عکس مورد نظر را جایگزین کنید.

<a href="#1" onclick="window.open('http://emila.ir/','','resizable=1,scrollbars=1,width=300,height=300,top=100,left=100,status=1,menubar=1,toolbar=1,location=1,directories=1');return false;"><img border=0 src="http://emila.ir/files/emila_ir.png"></a>

بطور اتوماتیک بعد از ورود به صفحه

در کد زیر با ورود کاربر به سایت پاپ آپ ظاهر شده و شما پاپ آپ بدون نیاز به افزونه را ایجاد نموده اید. به همین راحتی... 😉

<script>window.open('http://emila.ir/','','resizable=1,scrollbars=1,width=300,height=300,top=100,left=100,status=1,menubar=1,toolbar=1,location=1,directories=1');</script>

5- پاپ آپ متن با کلکی روی دکمه یا متن

برای مشاهده کد به لینک زیر مراجعه کنید؛

https://codepen.io/milipinkman/pen/rNVmdrd

لینک کوتاه : https://emila.ir/?p=13576
سلام علیکم!
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم