كيفية إنشاء وتعديل مربع قائمة منسدلة إعادة توجيه في Expression Web

مقدمة

توضح هذه المقالة كيفية إنشاء وتعديل مربع قائمة منسدلة إعادة توجيه في Microsoft Expression Web.

مزيد من المعلومات

توضح هذه المقالة كيفية إنشاء وتعديل عنصر تحكم مربع قائمة المنسدلة الذي يستخدم JScript لفتح URL محدد.

ملاحظة: يستخدم هذا المقال المخصص JScript التي قد لا تتوفر في كافة برامج استعراض ويب. لمزيد من المعلومات حول توافق المستعرض، انقر فوق " تعليمات ويب تعبير Microsoft " القائمة تعليمات ، اكتب توافق المستعرض في المربع البحث عن وثم انقر فوق بدء البحث لعرض المواضيع التي تم إرجاعها.

إنشاء مربع قائمة منسدلة إعادة التوجيه

تقدم Microsoft أمثلة برمجية للتوضيح فقط، دون أي ضمان صريح أو ضمني. هذا يتضمن، على سبيل المثال لا الحصر، الضمانات الضمنية الخاصة بالتسويق أو الملاءمة لغرض معين. تفترض هذه المقالة أنك معتاد على لغة البرمجة التي يتم شرحها والأدوات المستخدمة لإنشاء الإجراءات وتصحيحها. يساعد مهندسو الدعم لدى Microsoft شرح وظيفة إجراء محدد. ومع ذلك، لن يقوموا بتعديل هذه الأمثلة لتقديم وظيفة إضافية أو إنشاء إجراءات تستوفي متطلبات محددة.
  1. بدء Expression Web، وقم بفتح الموقع الخاص بك.
  2. في القائمة ملف ، أشر إلى
    جديد، انقر فوق صفحة في
    جزء المهام " جديد "، انقر فوق HTML، ومن ثم انقر فوق
    OK.
  3. في القائمة عرض ، أشر إلى
    الصفحة، ثم انقر فوق رمز.
  4. إدراج نموذج التعليمات البرمجية التالي بين < body > و </الجسم > علامات على الصفحة الخاصة بك.
    <h3 align="center">Where Do You Want to Go Today?</h3><center>
    <form>
    <p><select name="section" size="1" language="javascript" onChange="gotoPage(this.selectedIndex);">
    <option selected>Where do you want to go today?</option>
    <option>- - - - - - - - - - - - - - - - -</option>
    <option>Microsoft Home Page</option>
    <option>MSN Home Page</option>
    </select></p>
    </form>
    </center>
    <script language="JavaScript">
    <!--
    function gotoPage(varItem)
    {
    switch(varItem)
    {
    case 0:
    window.parent.self.status="Goes Nowhere";
    break;
    case 1:
    window.parent.self.status="Goes Nowhere";
    break;
    case 2:
    window.location="http://www.microsoft.com";
    break;
    case 3:
    window.location="http://www.msn.com";
    break;
    }
    }
    // -->
    </script>

    ملاحظة: يستخدم نموذج التعليمات البرمجية هذه الخاصية window.location لتحميل صفحات جديدة. إذا كنت تستخدم مجموعة إطارات، يتم عرض الصفحة الجديدة في الإطار الحالي. إذا أردت، يمكنك استخدام الأسلوب window.open لتحميل الصفحة ثم قم بتحديد إطار هدف. على سبيل المثال، لعرض الصفحة الرئيسية ل Microsoft في وضع ملء شاشة، استخدم التعليمات البرمجية JScript التالية.
    case 2:      window.open("http://www.microsoft.com", target="_top");
    break;

    ملاحظة: قد تتلقى رسالة خطأ، أو قد لا عرض هذه الصفحة بشكل صحيح في حالة نسخ الأمثلة مباشرة من هذه المقالة، وثم لصقها في Expression Web. قد تظهر أقواس زاوية (<) و (>) كالتعليمات البرمجية ل HTML. لحل هذا السلوك، أولاً لصق نموذج التعليمات البرمجية إلى مستند فارغ في "المفكرة". ثم نسخ نموذج التعليمات البرمجية من المستند في "المفكرة" إلى الصفحة الخاصة بك في Expression Web. للقيام بذلك، اتبع الخطوات التالية:
    1. نسخ نموذج التعليمات البرمجية من الخطوة 4.
    2. بدء تشغيل برنامج "المفكرة"، وقم بفتح مستند فارغ.
    3. في القائمة تحرير ، انقر فوق
      لصق.
    4. في القائمة تحرير ، انقر فوق
      تحديد الكل.
    5. في القائمة تحرير ، انقر فوق
      نسخة.
    6. في "تعبير ويب"، ضع المؤشر على سطر فارغ أسفل علامة < body > مباشرة حيث تريد إدراج التعليمة البرمجية JScript.
    7. في القائمة تحرير ، انقر فوق
      لصق.
  5. من القائمة ملف ، انقر فوق
    حفظ.
  6. في مربع الحوار حفظ باسم ، حدد اسم ملف وموقع حيث تريد حفظ الصفحة، ثم انقر فوق
    حفظ.
  7. في القائمة ملف ، أشر إلى
    معاينة في المستعرض، ثم انقر فوق المستعرض الذي تريد استخدامه لمعاينة الصفحة.

إضافة URL إلى مربع القائمة المنسدلة إعادة التوجيه

لإضافة عنوان URL إلى القائمة التي يتم عرضها في مربع القائمة المنسدلة، يجب تنفيذ الإجراءات التالية:
  • إضافة إدخال إلى قائمة الخيار في تعليمات HTML البرمجية.
  • إضافة إدخال إلى المقطع "switch(varItem)" في التعليمة البرمجية JScript.
على سبيل المثال، لإضافة عنصر قائمة في موقع ويب Microsoft التعليمات والدعم، اتبع الخطوات التالية.

ملاحظة: تفترض هذه الخطوات لم إجراء أية تغييرات على نموذج التعليمات البرمجية بعد لصق Expression Web.
  1. بدء تشغيل Expression Web ومن ثم افتح الصفحة التي تحتوي على مربع القائمة المنسدلة.
  2. في القائمة عرض ، أشر إلى
    الصفحة، ثم انقر فوق رمز.
  3. وضع المؤشر مباشرة بعد تعليمات HTML البرمجية التالية على الصفحة الخاصة بك واضغط على ENTER لإنشاء سطر جديد.
    <option>MSN Home Page</option>
  4. في السطر الجديد، اكتب تعليمات HTML البرمجية التالية لإضافة هذا العنصر إلى القائمة.
    <option>Microsoft Help and Support Home Page</option>
  5. وضع المؤشر مباشرة بعد التعليمة البرمجية JScript التالية على الصفحة الخاصة بك ومن ثم اضغط ENTER لإنشاء سطر جديد.
    case 3:      window.location="http://www.msn.com";
    break;
  6. في السطر الجديد، اكتب التعليمة البرمجية JScript التالية لإعادة توجيه URL لموقع ويب الذي تقوم بإضافته.
    case 4:      window.location="http://support.microsoft.com";
    break;

  7. من القائمة ملف ، انقر فوق
    حفظ.
  8. في القائمة ملف ، أشر إلى
    معاينة في المستعرض، ثم انقر فوق المستعرض الذي تريد استخدامه لمعاينة الصفحة.

إزالة عنوان URL من مربع القائمة المنسدلة

لإزالة عنوان URL من القائمة التي يتم عرضها في مربع القائمة المنسدلة، يجب تنفيذ الإجراءات التالية:
  • إزالة الإدخال من القائمة الخيار في تعليمات HTML البرمجية.
  • إزالة الإدخال من المقطع "switch(varItem)" في التعليمة البرمجية JScript.
على سبيل المثال، لإزالة عنصر قائمة في موقع ويب Microsoft التعليمات والدعم، اتبع الخطوات التالية:
  1. بدء تشغيل Expression Web ومن ثم افتح الصفحة التي تحتوي على مربع القائمة المنسدلة.
  2. في القائمة عرض ، أشر إلى
    الصفحة، ثم انقر فوق رمز.
  3. حدد موقع التعليمة البرمجية التالية.
    <option>Microsoft Help and Support Home Page</option>
  4. تحديد التعليمات البرمجية التي قمت بتحديد موقعة في الخطوة 3 وانقر نقراً مزدوجاً فوق الرمز ثم انقر فوق حذف.
  5. حدد موقع التعليمة البرمجية التالية.
    case 4:      window.location="http://support.microsoft.com";
    break;
  6. تحديد التعليمات البرمجية التي قمت بتحديد موقعة في الخطوة 5 وانقر نقراً مزدوجاً فوق الرمز ثم انقر فوق حذف.
  7. من القائمة ملف ، انقر فوق
    حفظ.
  8. في القائمة ملف ، أشر إلى
    معاينة في المستعرض، ثم انقر فوق المستعرض الذي تريد استخدامه لمعاينة الصفحة.
خصائص

رقم الموضوع: 928708 - آخر مراجعة: 14‏/01‏/2017 - المراجعة: 1

تعليقات