Hide this notice

مرحبا أنت تستخدم انترنت اكسبلورر ٦ و هو متصفح اصدر في العام 2001 الا يبدو لك ذلك قديما .

نحن ننصحك بقوة بترقية متصفحك إلى نسخة أحدث مثل أنترنت اكسيلورر ٨ أو فايرفوكس و الذي سيتيح لك تصفح أفضل ليس لموقعنا فقط بل في كل أرجاء الأنترنت..

لو كنت لا تريد أو لا تملك الصلاحية لترقية المتصفح يمكنك أن تستمر في التصفح على الرحب و السعة لكن تذكر قد لا تتمكن من استعراض بعض خدمات الموقع بالشكل المطلوب . بالطبع يمكنك إخفاء هذه الرسالة و تستمر في التصفح و لن تظهر لك هذه الرسالة مرة أخرى .

Screenshot

نافذة popup

وصلة لفتح نافذة صغير popup

هي من الأفكار المستخدمة بكثرة في تصميم المواقع و هي مفيدة فعلا كل ما تحتاج إليه هو مجموعة من الشفرات

أولا سنتعرف على مجموعة من الخواص للنوافذ

الخاصية القيم الأفتراضية الوصف
directories yes أو no استخدم اتجاه المتصفح مثلالو كان الاتجاه في صفحتك يمين إلى يسار هل تريده ان يتبع هذا الاتجاه أم لا
location yes أو no اظهر في النافذة شريط العنوان أم لا
scrollbars yes أو no اظهر اشرطة تحريك الصفحة أو لا
toolbar yes أو no اظهر شريط الأدوات او لا
menubar yes أو no اظهر شريط القوائم أم لا
resizable yes أو no النافذة الجديدة قابلة للتكبير و الصغير ام ثابتة الحجم
width القيمة عرض النافذة
height القيمة ارتفاع النافذة

الشفرة

لاحظ الشفرة التالية

<script language="JavaScript">
<!-- Begin
function popUp(URL,TAR) {
props=window.open(URL, TAR, ''toolbars=0, scrollbars=1, location=0,
statusbars=1, menubars=0, resizable=1, width=500, height=500, left = 150, top = 100'');
}
// -->
</script>

الدالة السابقة توضع في أي مكان في منطقة الرأس بين <head> و </head>

استبدل page.html بالصفحة التي تريدها ان تظهر في النافذة

عدل على الخصائص كما تريد بالاعتماد على الجدول السابق مثلا لو اردت النافذة بحجم اصغر من 600 عدلها للقيمة التي تريد مثلا =300 و هكذا

و الآن كيف تستخدم الشفرة

الدالة popUp في الاعلى تأخذ متغييرين أولا المتغير URL و هو اسم الصفحة أو العنوان إلى الصفحة التي تريدها ان تظهر في النافذة

و المتغير TAR وهو اسم النافذة و هذا مفيد لإستخدام الشفرة لفتح أكثر من نافذة في وقت واحد

لإنشاء وصلة لفتح النافذة عند الضغط عليها ضع التالي في المكان الذي تريد


&lt;a onClick="popUp(''page.html'',''page'')" target="page" href="page.html"&gt; أرسل&lt;/a&gt;
أو
&lt;a onClick="popUp(''page2.html'',''anything'')" target="anything" href="page2.html"&gt; أرسل&lt;/a

بقلم : فاطمة العمادي

أم و زوجة .. مصممة حرة و مصورة .. عرف الناس كتاباتي التقنية من خلال شخصية خيالية هي الدكتور نت . اصمم المواقع منذ العام ١٩٩٩م .

أوسمة : , ,