كود مفيد لأصحاب دليل المواقع - رجاء اضافة هذا السكريبت

[massalha]

السلام عليكم

اليوم تواجدت بهذه الصفحة
http://www.islamonline.net/SiteDirec...ic/addsite.asp
مشكلتي كانت حينما نظرت الى تلك القائمة الطويلة جداً جداً للتنصيفات.

كمبرمج - دائماً أحب التسهيل على الزائر وليس العكس...

لهذا اضفت هذا الكود ...
ووضعته في الصفحة
http://layan.us/go/select-check-fast/
كود من 10 اسطر - يسهل على الزائر الكثير ...

يكفي أن أكتب مثلاً : "حيو" لأنتقي بسرعة كل تصنيف يحوي "حيو" مثل "حيوانات" واذا كان أكثر فإن كل التصنيفات الأخرى تكون حمراء...

لهذا يا اصحاب المواقع - رجاء أضيفوا هذا التعديل وهونوا علينا.

الكود

<script language="javascript1.2">

function filter(str){
	// أريد البدء بعد كتابة حرفين وأكثر
if(str.length<3) return;

str=str.replace(/[أإآ]/g,'ا'); // تنظيف احتمالات حرف الألف أ
cat=document.getElementById('category').options;
  for(var i=0;i<cat.length;i++) {
	  optionText=cat[i].text.replace(/[أإآ]/g,'ا'); // تنظيف احتمالات حرف الألف أ
    if(optionText.indexOf(str)>0){
      cat[i].selected=true;
	  cat[i].style.color='red';
	      }else {
		  cat[i].style.color='black';
		        
	  }
 }
}
</script>

[dr_net_99]

ابدااااااااااااااااااااااااااااااااااااع من جد


لو كنت مبرمج لأضفتها في دليل المواقع الي استخدمه في موقعي

[massalha]

لا حاجة لأن تكون مبرمج - مجرد اضف قبل تاغ ال select

<label>اكتب دلالة بحث هنا <input type="text" name="filter" id="filter"   onkeyup="filter(this.value)"  />
</label>

وحافظ عل نفس الاسم للقائمة - مثلاً انا اخترت ان تكون اسمها category - فلو عندك اسم ثاني اذا يجب ايضاً تغييره في الكود التالي الذي يمكنك وضعه اينما شئت

<script language="javascript1.2">

function filter(str){
	
if(str.length<3) return;

str=str.replace(/[أإآ]/g,'ا'); 
cat=document.getElementById('category').options;
  for(var i=0;i<cat.length;i++) {
	  optionText=cat[i].text.replace(/[أإآ]/g,'ا');
    if(optionText.indexOf(str)>0){
      cat[i].selected=true;
	  cat[i].style.color='red';
	      }else {
		  cat[i].style.color='black';
		  
		        
	  }
 }
}
</script>

هل ترى اين يتم تعريف المتغير cat = هناك يجب تغيير اسم القائمة لتتوافق مع ما يوجد لديك.

والسلام ختام. لا أكثر ولا أقل ولا ابداع ولا شي ... مجرد 10 أسطر - لكن تريح العالم. ودائماً يجب النظر الى الأمام وعدم الاكتفاء بما اخذت من الغير - فالتميز شرطه الاساسي أن تخرج عن التلم في التفكير.

[ليوناردو دافينشي]

بارك الله فيك , فكرة جديدة

[M. Al-Dhafeeri]

والله رائع جدا.. الله يعطيك العافيه

[massalha]

شكراً لكم جميعاً.

في حال اراد احدكم تطوير السكريبت الرجاء ارساله لي - لأضعه ايضاً مع الكود في تلك الصفحة.
لا تقلقوا - سأضع الاسم والبريد ورقم الهاتف ورح أحلفهم ما يسرقوا الملكية.

الفكرة لمن يريد تطبيقها: هي محو كل الاختيارات الغير مطابقة - بدل من تلوين المطايقة بالأحمر. بهذا يتقلص عدد الخيارات من 200 مثلاً الى 10 ... برأيي أحسن.
المشكلة في تطبيقها - هي متاهات المتصفحات - مع هذا يعمل ومع ذاك لا يعمل... انا جربتها مع فايرفوكس ونجحت لكن ليس مع اكسبلورر - مع اكسبلورر كان يتوجب علي بناء القائمة كل مرة من جديد ... لكن لضيق الوقت قررت عدم الاستمرار...

لكني سأسر اذا ارسل لي أحدكم الكود جاهز للعمل.
سوف اذكر واضيف حلكم هنا:
كيف تحسن دليل مواقعك وتجعل انتقاء التصنيف الملائم سهلاً بمساعدة جافا سكريبت؟

[M. Al-Dhafeeri]

شكراً لكم جميعاً.

في حال اراد احدكم تطوير السكريبت الرجاء ارساله لي - لأضعه ايضاً مع الكود في تلك الصفحة.
لا تقلقوا - سأضع الاسم والبريد ورقم الهاتف ورح أحلفهم ما يسرقوا الملكية.

الفكرة لمن يريد تطبيقها: هي محو كل الاختيارات الغير مطابقة - بدل من تلوين المطايقة بالأحمر. بهذا يتقلص عدد الخيارات من 200 مثلاً الى 10 ... برأيي أحسن.
المشكلة في تطبيقها - هي متاهات المتصفحات - مع هذا يعمل ومع ذاك لا يعمل... انا جربتها مع فايرفوكس ونجحت لكن ليس مع اكسبلورر - مع اكسبلورر كان يتوجب علي بناء القائمة كل مرة من جديد ... لكن لضيق الوقت قررت عدم الاستمرار...

لكني سأسر اذا ارسل لي أحدكم الكود جاهز للعمل.
سوف اذكر واضيف حلكم هنا:
كيف تحسن دليل مواقعك وتجعل انتقاء التصنيف الملائم سهلاً بمساعدة جافا سكريبت؟

بالمناسبة انا جربت الكود على google chrome وشغال.. بشوفه على اكسبلورر واحاول اسويه ما اوعدك لكن سأحاول اذا سنحت لي الفرصه << projects المواد كاثره علي :shy:

[massalha]

السلام عليكم

الآن - الكود الذي يخفي الاحتمالات الأخرى ايضاً جاهز بنفس الصفحة.
الطريقة بسيطة - يوجد قائمة اختيار اصلية وقائمة أخرى اضيفها لكن مخفية.
حينما تبدأ بادخال ما تريد - انسخ المعطيات من الأصلية الى الثانوية - اخفي الاصلية واظهر الثانوية.
حينما لا يوجد تطابق 0 اخفي الثانوية وأظهر الأصلية.
وهكذا...
Filter select options

[massalha]

هل يوجد من استعمل الكود في دليل مواقعه؟

أنا مستعد لمرافقة البعض من اصحاب المواقع لإدخال التعديل.

[ليوناردو دافينشي]

استخدم الـαrray بدلا من انشاء اخرى ثانوية تحتوي على جميع خيارات الاساسية

[massalha]

استخدم الـαrray بدلا من انشاء اخرى ثانوية تحتوي على جميع خيارات الاساسية

ان كنت تملك الوقت - اعطني كود جاهز وسأضيفه كحل رقم 3.

شكراً لك.

[ليوناردو دافينشي]

<script language="javascript1.2">
var fc,ex,dm;
var arrayOptions = new Array();
function filter(str){
	
if(str.length<3) return;

str=str.replace(/[أإآ]/g,'ا'); 
e = document.getElementById('category');
cat=e.options;
ex=0;
dm=1;
if(fc!=1){ex=cat.length}else{ex=arrayOptions.length}

  for(var i=ex-1;i>-1;i--) {

	if(fc!=1){arrayOptions[i]=new Array(cat[i].text,cat[i].value);}else{
	
	if(dm==1){
	for(var z=cat.length-1;z>-1;z--) {
    	var child = e.getElementsByTagName('option')[z];
     	e.removeChild(child);
     }	
                
	for(var x=0;x<arrayOptions.length;x++) {
		e.options[cat.length] = new Option(arrayOptions[x][0], arrayOptions[x][1]);
	 }
   }


dm=0;
}

	  optionText=cat[i].text.replace(/[أإآ]/g,'ا');


    if(optionText.indexOf(str)>0){
      //cat[i].selected=true;
	  cat[i].style.color='red';	  
	      }else {
		  cat[i].style.color='blue';

            var child = e.getElementsByTagName('option')[i];
                e.removeChild(child);
                
		        //cat[i]=null;

		  
	  }
  
 }
	
 
 fc=1;
// alert(arrayOptions.join("  "))

}


</script>

[massalha]

شكراً ليوناردو - سأفحص الكود وارفقه في نفس الصفحة مع ذكر ان الكود الثالث هو لك -
واذا اردت وصلة لموقع لك - ارسلها لي - كي اضعها بجانب الكود.

شكراً

[massalha]

ليوناردو - حلك موجود في الصفحة الآن.

هل قام أحدكم باستعمال اي من الاكواد الي وضعت في دليل مواقعه؟

شكراً

[massalha]

هل يوجد من طبق الحل في دليل مواقعه؟