اضافة قائمة منسدلة بسيطة وخفيفة في بلوجر

اهلا بكم زوار مدونتي الاكارم لدي اليوم اضافة بسيطة وجيدة في نفس الوقت وهي قائمة منسدلة سهلة التركيب و تشبه محرك البحث كثيرا.

كل ماعليك هو الضغط على القائمة واختيار القسم الذي يناسبك او تريده ويتم النقل فورا
شاهد الصورة

نأتي الان للتركيب
نضيف الكود أدناه في قسم <body> من الصفحة الخاصة بك مكان الذي تريده ان يظهر:
<form name="dynamiccombo"><select name="stage2" size="1" onChange="displaysub()"><option value="#">This is a place Holder text </option><option value="#">This is a Place Holder text </option><option value="#">This is a Place Holder text </option><option value="#">This is a Place Holder text </option></select><input type="button" name="test" value="Go!"onClick="gothere()"></form>
<script><!--
//2-level combo box script- by Sory Mohajer//Visit JavaScript Kit (https://alsaker86.blogspot.com) for script//Credit must stay intact for use
//STEP 1 of 2: DEFINE the main category links below//EXTEND array as needed following the laid out structure//BE sure to preserve the first line, as it's used to display main title
var category=new Array()category[0]=new Option("SELECT A CATEGORY ", "") //THIS LINE RESERVED TO CONTAIN COMBO TITLEcategory[1]=new Option("اكتب ماتريد هنا", "combo1")category[2]=new Option("اكتب ماتريد هنا", "combo2")category[3]=new Option("اكتب ماتريد هنا", "combo3")
//STEP 2 of 2: DEFINE the sub category links below//EXTEND array as needed following the laid out structure//BE sure to preserve the LAST line, as it's used to display submain title
var combo1=new Array()combo1[0]=new Option("اكتب ماتريد هنا","######")combo1[1]=new Option("اكتب ماتريد هنا","######")combo1[2]=new Option("اكتب ماتريد هنا","#######")combo1[3]=new Option("اكتب ماتريد هنا","#######")combo1[4]=new Option("اكتب ماتريد هنا","#######")combo1[5]=new Option("BACK TO CATEGORIES","")   //THIS LINE RESERVED TO CONTAIN COMBO SUBTITLE
var combo2=new Array()combo2[0]=new Option("اكتب ماتريد هنا","######")combo2[1]=new Option("اكتب ماتريد هنا","######")combo2[2]=new Option("اكتب ماتريد هنا","#######")combo2[3]=new Option("اكتب ماتريد هنا","######")combo2[4]=new Option("BACK TO CATEGORIES","")   //THIS LINE RESERVED TO CONTAIN COMBO SUBTITLE
var combo3=new Array()combo3[0]=new Option("اكتب ماتريد هنا","######")combo3[1]=new Option("اكتب ماتريد هنا","#######")combo3[2]=new Option("اكتب ماتريد هنا","######")combo3[3]=new Option("BACK TO CATEGORIES","")   //THIS LINE RESERVED TO CONTAIN COMBO SUBTITLE
var curlevel=1var cacheobj=document.dynamiccombo.stage2
function populate(x){for (m=cacheobj.options.length-1;m>0;m--)cacheobj.options[m]=nullselectedarray=eval(x)for (i=0;i<selectedarray.length;i++)cacheobj.options[i]=new Option(selectedarray[i].text,selectedarray[i].value)cacheobj.options[0].selected=true
}
function displaysub(){if (curlevel==1){populate(cacheobj.options[cacheobj.selectedIndex].value)curlevel=2}elsegothere()}

function gothere(){if (curlevel==2){if (cacheobj.selectedIndex==cacheobj.options.length-1){curlevel=1populate(category)}elselocation=cacheobj.options[cacheobj.selectedIndex].value}}
//SHOW categories by defaultpopulate(category)
//--></script>
<p align="center">This free script provided by<br /><a href="https://alsaker86.blogspot.com">JavaScriptKit</a></p>

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



مدير الموقع :Sory Mohajer ⚡ تابع معنا أهم أخبار التقنية و مراجعة أهم هاتف و حاسوب متوفر وتعلم سيو الموقع https://www.exe-apk.com/موقع EXE and APK مجاني 100%
رسائل أحدث رسائل أحدث رسائل أقدم رسائل أقدم

المزيد من المشاركات

جرب الآن إنشاء تحويل آمن للروابط عبر موقعنا

تعليق واحد

  1. ممتاز أخي. أتمنى لك التوفيق والتيسير

    ردحذف