ساخت پاپ آپ popup 

یک زبان کد نویسی سمت کاربر یا client-side است به این معنی که در مرورگر کاربران اجرا شده و توسط مفسر آن پردازش می شود، به این دلیل در کنار مزیت هایی که دارد، محدودیت هایی نیز وجود خواهد داشت، از این رو است که در برنامه نویسی وب صرف تسلط بر یک زبان سمت کاربر یا سمت سرور کفایت نمی کند و برنامه نویس موفق کسی است که بتواند ترکیبی از این دو را به کار گیرد، به هر صورت در این آموزش می خواهیم شما را با یکی دیگر از قابلیت های پرکاربرد جاوا اسکریپت آشنا کنیم و آن استفاده از پنجره های pop up یا همان پنجره های کوچک نمایش پیام است که در چهار دسته پنجره های هشدار (alert)، پنجره های تایید (confirm)، پنجره نمایش لینک (window.open) و پنجره های عکس العملی (prompt) دسته بندی می شوند.

پنجره pop up چیست؟

قبل از هر چیز باید ببینیم که پنجره pop up چیست و چه کاربردی دارد؟

pop up در برنامه نویسی وب به پنجره های کوچکی گفته می شود که به صورت خودکار یا با دخالت کاربر در مرورگر نمایش داده می شوند، به طور مثال ممکن است تبلیغات یا پیام های خوش آمدگویی و … را در صفحات وب دیده باشید، اکثر آنها بر مبنای جاوا اسکریپت هستند، یعنی وقتی که صفحه بارگذاری می شود کد جاوا اسکریپت اجرا شده و پنجره به نمایش در می آید یا ممکن است این اتفاق با کلیک کاربر یا بردن ماوس روی یک عنصر مشخص رخ دهد، پنجره های pop up در دسته GUI ها یا با واسط کاربری گرافیکی (Graphical User Interface) دسته بندی می شوند، بدین معنی که قابلیت تعامل با رفتارهای کاربر را نیز دارا می باشند.

در بخش Function Name يک نام دلخواه (انگليسي) براي تابع جاوا اسکريپتي لازم تايپ کنيد.

در بخش PopUp Name عنوان پنجرهاي که باز خواهد شد را بنويسيد (مثلا: نظرات)

در بخش Popsize طول و ارتفاع پنجره پاپ.آپ را مشخص کنيد.

در بخش Position مشخص کنيد که در چه قسمتي از اسکرين باز شود. مثلا با فاصله 100 پيکسل از بالا و 100 پيکسل از چپ. اگر Autocenter را فعال کنيد، در وسط صفحه باز خواهد شد.

در بخش PopUp Options مشخص کنيد که کدام نوارها در پنجره بازشو، فعال باشد. (مثلا نوار آدرس، نوار وضعيت و ...) يا اينکه تغيير اندازه فعال باشد (Resizable)، اسکرولبار فعال باشد و ...

در بخش Focus تنظيم ميکنيد که پنجره جديد، بر روي پنجره جديد (In Front) يا در زير پنجره جديد (In Back) باز شود.

در بخش Type of PopUp ميتوانيد تنظيم کنيد که براي هر کاربر، پنجره مورد نظر روزي يک بار فعال شود (Once Per Day) يا هر بار که پنجره مرورگر او بسته و دوباره باز ميشود (Once Per Session) يا اينکه در حالت Basic باشد. (براي دو حالت اول، مثلا فرض کنيد در پنجره پاپ.آپ ميخواهيد يک پيغام مهم را نمايش دهيد. اگر کاربر با هر بار ورود به صفحه مورد نظر شما، اين پنجره مدام باز شود، تکراري ميشود و ...)

و اما در بخش Launch Method تنظيم ميکنيد که اين پنجره با چه عملي باز شود؟

مثلا به محض لود شدن صفحه (On Load)

يا به محض بسته شدن پنجره (On Unload)

يا لينکي موجود باشد و کاربر روي آن کليک کند و اين پنجره باز شود (Link Click)

يا به صورت يک دکمه باشد که کاربر بر روي آن کليک کند و اين پنجره باز شود (Button Click)

يا اينکه از سمت راست (x Seconds After Loading) تنظيم کنيد که مثلا 10 ثانيه بعد از لود شدن صفحه، اين پنجره باز شود.

و ...

در بخش PopUp URL نيز آدرس صفحهاي که قرار است در اين پنجره کوچک نمايش داده شود را بنويسيد.

و در انتها، اگر ميخواهيد پنجره بعد از چند ثانيه بسته شود، در بخش Close Windows After، آن چند ثانيه را مشخص کنيد!

در نهايت، روي Build کليک کنيد تا کد شما آماده شود. آن را در يک فايل NotePad کپي کنيد و با يک نام و پسوند HTML ذخيرهاش کنيد