متد window.open جاوا اسکریپت

متد window.open جاوا اسکریپت

بعضی اوقات در سایت باز شدن صفحه بصورت پاپ آپ نیاز میشود برای مثال در بخش ادمین سایتی که طراحی کرده اید لیست نظرات بازدید کنندگان را در یک جدولی نمایش داده اید اما میخواهید با کلیک بر روی هر نظر متن کامل نظری که ثبت شده است رو نمایش دهید برای این کار میتوانید از همین روشی که آموزش میدم استفاده کنید که اطلاعات کامل در یک صفحه جدید بصورت پاپ آپ نمایش داده شود.

متاسفانه از این امکان استفاده های نادرست هم میشود که نمونه اش پنجره هایی که تبلیغات ناخواسته در بعضی سایت ها خودکار و بدون اجازه بازدیدکننده باز میشوند.

برای انجام این از تابع یا متد window.open جاوا اسکریپت استفاده میکنیم

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

<a   onclick=”WinNew()”>اطلاعات بیشتر</a>

و در ادامه فانکشن مربوطه را به شکل زیر تعریف میکنیم

<script>
function WinOpen()
 {
          var url = "http://www.webdaddy.ir/admin/list.php?id=23";
          window.open(url, 'جزییات نظرات', "height=600, width=800, resizable=1, left=0, top=0, status=1, scrollbars=yes");
 }
</script>

 

در خط  اول یک متغیر به نام url تعریف میکنیم و مقدارش رو برابر با آدرس سایتی که قصد داریم بصورت پاپ آپ باز شود قرار میدهیم

در خط دوم هم دستور window.open را تعریف میکنیم  دستور window.open چند پارامتر اصلی دارد

window.open(url, ‘جزییات نظرات‘, “height=600, width=800, resizable=1, left=0, top=0, status=1, scrollbars=yes“,’true‘);

پارمتر اول : آدرس لینک (در این نمونه با متغیر url قرار داده ایم)

پارامتر دوم : عنوان لینک

پارمتر سوم : تنظیمات سفارشی است که میتوانیم از تنظیمات زیادی استفاده کنیم  و برای جداسازی آنها از کاما علامت ، استفاده میشود

پارمتر چهارم :  این پارامتر زیاد کاربردی نیست و جهت ذخیره آدرس جدید بصورت جداگانه و یا دوباره نویسی آدرس جدید بر روی آدرس صفحه قبلی در تاریخچه مرورگر است  و با مقدار true و false تعریف میشود.

در پارمتر سوم از تنظیمات زیر میشود استفاده کرد

height: ارتفاع پنجره به پیکسل – مقدار پیش فرض: ۱۰۰ پیکسل
width: عرض پنجره به پیکسل – مقدار پیش فرض: ۱۰۰٫
left: میزان فاصله از سمت چپ مرورگر به پیکسل
top: میزان فاصله از سمت بالای مرورگر به پیکسل
location: نمایش (با مقادیر ۱ یا yes) یا عدم نمایش (با مقادیر ۰ یا no) نوار آدرس – مقدار پیش فرض: yes
menubar: نمایش (با مقادیر ۱ یا yes) یا عدم نمایش (با مقادیر ۰ یا no) نوار منوی مرورگر – مقدار پیش فرض: yes
resizable: قابل تغییر بودن (با مقادیر ۱ یا yes) یا غیر قابل تغییر بودن (با مقادیر ۰ یا no) اندازه پنجره – مقدار پیش فرض: yes
scrollbars: نمایش (با مقادیر ۱ یا yes) یا عدم نمایش (با مقادیر ۰ یا no) نوار اسکرول – مقدار پیش فرض: yes
status: نمایش (با مقادیر ۱ یا yes) یا عدم نمایش (با مقادیر ۰ یا no) نوار وضعیت – مقدار پیش فرض: yes
titlebar: نمایش (با مقادیر ۱ یا yes) یا عدم نمایش (با مقادیر ۰ یا no) نوار عنوان – مقدار پیش فرض: yes
toolbar: نمایش (با مقادیر ۱ یا yes) یا عدم نمایش (با مقادیر ۰ یا no) نوار ابزار – مقدار پیش فرض: yes

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *