في هذا المثال، يتم إنشاء صفحتين، كما هو موضح في الشكل 1. Index.html هي الصفحة المعروضة في النافذة الفرعية، والصفحة المسماة firstpage.html تحتوي على رابط لفتح Index.html في النافذة الفرعية. عند النقر فوق الارتباط، يتم فتح ملف Index.html في نافذة فرعية. يمكنك النقر مباشرة على الرابط "إغلاق" في النافذة الفرعية لإغلاق النافذة الفرعية، أو يمكنك تجاهلها، وسيتم إغلاق النافذة الفرعية تلقائيًا بعد 15 ثانية.
الشكل 1 العملية المحددة للصفحة المنبثقة للمتصفح
هي كما يلي:
1. قم بإنشاء مجلد Smlple في الموقع المحلي.
2. في المجلد Smlple، قم بإنشاء ملفات باسم Index.html وfirstpage.html.
3. انقر نقرًا مزدوجًا فوق Index.html لفتح المستند والدخول إلى نافذة عرض التصميم الخاصة بالمستند.
4. انقر فوق القائمة "عرض/محتوى الرأس" لعرض منطقة رأس المستند.
5. انقر فوق جزء رأس المستند في نافذة عرض التصميم. حدد القائمة إدراج/علامات غير مرئية/برنامج نصي لفتح مربع الحوار Inset Script. كما هو موضح في الشكل 2، حدد خيار JavaScript في مربع القائمة المنسدلة اللغة وأدخل "setTimeout("self. Close()", 15000)" في مربع النص Coctento. انقر فوق الزر "موافق" لإكمال البرنامج النصي الذي يغلق النافذة الفرعية تلقائيًا بعد 15 ثانية من إدراجها في رأس المستند. في الكود، 15000 تعني 15000 مللي ثانية، أي 15 ثانية، ويمكنك أيضًا تعديلها إلى عدد المللي ثانية الذي تحتاجه حسب الحاجة.
الشكل 2 ضبط الوقت
6. أدخل كلمة "إغلاق" في نافذة المستند، وأدخل "###" في مربع نص الرابط في لوحة الخصائص، وقم بتعيينه على رابط فارغ.
7. في Quick Tag Editor الموجود في الطرف الأيسر من شريط الحالة، انقر فوق زر Tag. حدد الرابط "إغلاق"، ثم اضغط على مجموعة المفاتيح Ctrl+T لفتح Quick Tag Editor والدخول إلى وضع علامة التحرير في Quick Tag Editor. ثم أدخل "onclick = "self Close ()"" قبل ">". كما هو موضح في الشكل 3، بعد اكتمال الإعدادات، انقر فوق الزر "موافق" لتأكيد العملية. بهذه الطريقة، بعد فتح Index.html كنافذة فرعية، يمكن أن يؤدي النقر فوق الارتباط إلى إغلاق النافذة الفرعية على الفور.
الشكل 3 قم بتعيين الوقت
8. احفظ ملف Index.html واخرج من نافذة Dremweaver الخاصة بـ Index.html.
9. ابدأ الآن في تصميم صفحة fristpage.html. في المجلد Smlple الخاص بالموقع المحلي، انقر نقرًا مزدوجًا فوق fristpage.html لفتح المستند والدخول إلى نافذة عرض التصميم الخاصة بالمستند.
10. أدخل الكلمات "انقر هنا لفتح نافذة فرعية سيتم إغلاقها تلقائيًا" في المستند. ثم أدخل "###" في مربع نص الرابط الموجود في لوحة الخصائص لتعيينه كرابط فارغ.
11. يمكنك ضبط نافذة Index.html بحيث يتم فتحها عند النقر فوق الارتباط من خلال تطبيق سلوك Open Browser Window على الارتباط، ولكن الطريقة الأكثر ملاءمة هي استخدام Quick Identity Editor. للقيام بذلك، قم أولاً بوضع نقطة الإدراج في الارتباط، ثم انقر فوق زر الهوية الموجود على محدد الهوية في الطرف الأيسر من شريط الحالة لتحديد الارتباط بأكمله. ثم اضغط على مجموعة المفاتيح Ctrl+T لفتح Quick Tag Editor والدخول إلى وضع تحرير الشعار الخاص بـ Quick Tag Editor. ثم أدخل "onclick="window.open('index.html',null','width=200px, height=200px')" قبل ">" (كما هو موضح في الشكل 4). بعد اكتمال الإعداد، اضغط على مفتاح Enter لتأكيد العملية.
الشكل 4 ضبط الرابط ليتم فتحه عند النقر عليه
12. تُكمل العمليات المذكورة أعلاه الإعدادات الخاصة بهذا المثال. يمكنك النقر فوق القائمة واستخدام ملف/حفظ لحفظ عملك. ثم اضغط على المفتاح F12 لمعاينة تأثير الصفحة في المتصفح.