قائمتان منزلقتان

كل ما يهم مطور المواقع ... لغات برمجة المواقع .. سكربتات .. مناقشات ..
مغلق
leitmotive
عضو جديد
مشاركات: 79
اشترك في: 02 مارس 2005, 12:04

قائمتان منزلقتان

مشاركة بواسطة leitmotive »

السلام عليكم

أريد سكريبت يمكنني من صنع قوائم منزلقة مثل:

1- http://www.arabgate.com/

مثل القائمة الموجودة على اليمين الخاصة بالدول (القائمة البريدية)

2- قائمة أسماء الكتاب الموجودة في الناحية اليسرى


جزيتم خيرا :)
Windows
عضو فعال
مشاركات: 660
اشترك في: 28 أغسطس 2004, 08:53
مكان: LocalHost

مشاركة بواسطة Windows »

وعليكم السلام

هذه قائمة منسدله مالها سكربتات هي مجرد html

خذ المثال هذا

كود: تحديد الكل

        		   <select>
<option value="0">اختر البلد</option>

          <option value="الأردن">الأردن</option>
          <option value="الإمارات">الإمارات </option>
          <option value="البحرين">البحرين</option>
          <option value="تونس">تونس</option>
          <option value="الجزائر">الجزائر</option>
          <option value="السعودية">السعودية</option>
         <option value="أخرى">أخرى </option>
			</select>
هذي المنسدله الصغيره زي الي على اليمين

المنسدله تبداء بـ<select>

وتنتهي بـ

كود: تحديد الكل

</select>
والخيارات بين option تقدر تكررها زي ماتحب وتضيف اي شي

كود: تحديد الكل

          <option value="المريخ">المريخ</option>
          <option value="زحل">زحل</option>
اما الثانية الكبرى على اليمين هذا مثال صغير يوضحها

كود: تحديد الكل

      <select name="take2" size="10" style="border:1px dotted #808000; width:200px; color:#008000; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; background-color:#FFFCF4">
<option selected value="http://www.arabgate.com/authors/details.php?catid=50"dir="rtl">-> آمال حسن عويضة</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=28"dir="rtl">-> د. اسماعيل الشطي</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=31"dir="rtl">-> د. تركــي الحمــد</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=8"dir="rtl">-> د. جاسم الفهيد</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=9"dir="rtl">-> د. حاكم المطيري</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=10"dir="rtl">-> د. ساجد العبدلي</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=11"dir="rtl">-> د. سامي الخالدي</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=12"dir="rtl">-> د. عبد الله النفيسي</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=30"dir="rtl">-> د. محي الدين اللاذقاني</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=13"dir="rtl">-> د. نورة السعد</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=41"dir="rtl">-> د.خالد الرميضي</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=33"dir="rtl">-> د.طارق الطواري</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=6"dir="rtl">-> د.محمد العوضي</option>
<option selected value="http://www.arabgate.com/authors/details.php?catid=29"dir="rtl">-> يحيى الصوفي</option>
</select>
طبعاً انت تزيد الoption على كيفيك

انقل الاكواد هذي للفرونت بيج وطالع كيف شكلها نفسها بالضبط هذي select او القائمة المنسدله :)

اقترح نقل الموضوع لمنتدى التصميم لاعلاقة له بالسكربتات
leitmotive
عضو جديد
مشاركات: 79
اشترك في: 02 مارس 2005, 12:04

مشاركة بواسطة leitmotive »

كيف اشكرك :D
جزاك الله خيرا وعذرا إن كنت اعتقدت انها سكريبتات وليست كود HTML
leitmotive
عضو جديد
مشاركات: 79
اشترك في: 02 مارس 2005, 12:04

مشاركة بواسطة leitmotive »

سؤال اضافي لو تكرمت

بالنسة للقائمة الأولى

قمت بعملها
لكني أريد اضافة وصلات لكل دولة
وقمت بالفعل بالضغط على الصندوق في الفورنت بيج واضفت وصلة مقابل كل دولة

لكن عند تشغيل الصفحة لا تنقلني القائمة إلى الوصلة :(

كيف أجلعها تفعل ذلك؟

جزيت خيرا :)
DotWeb
عضو نشيط
مشاركات: 284
اشترك في: 24 سبتمبر 2004, 08:46
مكان: W3
اتصال:

مشاركة بواسطة DotWeb »

لازم تحطها فورم وتدخل عليها ONCHANGE عشان النقل

بسيطة جداً شوف المثال هذا

http://www.faqs.org/docs/htmltut/forms/ ... hange.html

لاحظ المكتوب بالاخضر هو اهم شي

:)
leitmotive
عضو جديد
مشاركات: 79
اشترك في: 02 مارس 2005, 12:04

مشاركة بواسطة leitmotive »

100 على 100 يا معلمي :D
مغلق