إستفد معنا و إنشر الفائدة مع أصدقائك

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

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

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

نأتي الان للتركيب
نضيف الكود أدناه في قسم <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>

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

مدونة تقنية عربية لكل العرب

ليست هناك تعليقات:

إرسال تعليق


Mohon Aktifkan Javascript!Enable JavaScript