عرض مشاركة واحدة
قديم 23/11/2009   #128
صبيّة و ست الصبايا boozy
عضو
-- زعيـــــــم --
 
الصورة الرمزية لـ boozy
boozy is offline
 
نورنا ب:
Mar 2008
المطرح:
العراق الحبيب
مشاركات:
1,410

Thumbs up كيفية اضافة روابط منزلقة


اذهب واصنع اداه add a page element من صفحة عناصر مدونتك , واختار html/java script " هتمل جافا سكريبت " ثم انسخ فيها هذا الكود بعد ان تخصصه حسب احتياجك وحسب الروابط الخاصة بك

الشكل الاول : الروابط ستفتح مباشرة عند الضغط عليها فى نفس النافذة :

<form>
<select onChange="location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذه جديده :

<form>
<select onChange="PopUpName=window.open('','PopUpName');Po pUpName.location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>



الشكل الثانى : الروابط ستفتح عند الضغط على زرار " اذهب " فى نفس النافذة

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذة جديده :

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');Pop UpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>



تخصيص الروابط :
فى الامثلة السابقة يوجد رابطين فقط لموقعى msn و google , لاحظ ان اسماء المواقع باللون الاحمر بينما رابط المواقع باللون الازرق , اذا اردت ان تضيف عددا اكبر كل ماعليك انك تكرر تلك السطور

<form>
<select name="menu">
<option value="رابط اللينك الاول">اسم اللينك الاول</option>
<option value="رابط اللينك الثانى">اسم اللينك الثانى</option>
<option value="رابط اللينك الثالث">اسم اللينك الثالث</option>
<option value="رابط اللينك الرابع">اسم اللينك الرابع</option>
<option value="رابط اللينك الخامس">اسم اللينك الخامس</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');Pop UpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

لستُ بجسدٍ تسكنه روح.
بل
ثلاثة أرواحٍ
و عقولٍ
و قلوب
جزئها المرئيُّ الصغيرُ
جسدْ.
http://evandarraji.blogspot.com/
  رد مع اقتباس
 
Page generated in 0.04873 seconds with 10 queries