[ طلب ] طريقة ظهور مربع البحث كما في المنتديات

[abady 999]

السلام عليكم


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

مثل ما هو موجود بالمشاغب

www.absba.org/vb



ياليت من يقدر ياتينا بهذا الكود وكيفية التركيب ولو ببساااطة


اتمنى منكم ذلك :shy:


اخوكم

[Zizwar]

يوجد الكود هنا http://www.swalif.net/softs/showthread.php?t=182246
طريقة التركيب هي برفع ملف vbs.js الى نفس المجلد الذي به الصفحة التي تود ادراج الكود فيها، وبعدها تفتح الصفحة التي تود ادراج الكود فيها بأي محرر وتضع في المكان الذي تريد ادراجه فيها الكود التالي

<script src="svb.js" type="text/javascript"></script>
<script type="text/javascript">
var WHIMG = "2";
var WHIMGw = "7";
var WHIMGh = "11";
var IMGDIR_MISC = "images";
function FP_jumpMenu(el,frm,sel) {
var href=el.options[el.selectedIndex].value; if(sel) el.selectedIndex=0;
if('_new'==frm) open(href); else eval(frm+".location='"+href+"'");
}
</script>

<div class="hed22" id="g_menu" style="DISPLAY: none">
<div style="border: 2px solid #336699" >
 ÇáÞÇÆãÉ ÇáãäÓÏáÉ <br />
<input type="text" value="" \><input type="submit" value="ÈÍË" />

</div>
</div>

<div id="g">ãÊÍÝ ÇáÕæÑ<script type="text/javascript"> vbmenu_register("g"); </script></div>

<script type="text/javascript">
<!--
vBulletin_init();
//-->
</script> 

مثال http://www.wino.ws/js/search/

[abady 999]

جزاك الله خير



هذا ما كنت ابحث عنه بالتماااااام

كان املي فيك كبير استاذي زيزواااار



بارك الله فيك وفي علمك


استاذي
الكود طويل وكما علقت انت في موضوع الاخ وحيد انه لا يمكن ازالة اي من دلاته
فهل طول هذا الكود سيؤثر في بطء الصفحة وخصوصا اني قد اكرره اكثر من اربع مرات في نفس الصفحة ؟؟



تقبل اصدق تحياتي

[الإمبراطور وحيد]

شكرا لك زيزوار

اخوي abady 999 جربت الكود وهو مستخدم بكثرة في موقعي والحمد لله لا تاثيرات سلبية

واجمل مافيه انه يشتغل على الفابرفوكس والاكسبلور بدون مشاكل

تحياتي

[Zizwar]

لا شكر على واجب
أخ abady 999 لا تحتاج ان تعيد الكود كله أعد فقط هذه الأسطر

<div class="hed22" id="g_menu" style="DISPLAY: none">
<div style="border: 2px solid #336699" >
 &#199;&#225;&#222;&#199;&#198;&#227;&#201; &#199;&#225;&#227;&#228;&#211;&#207;&#225;&#201; <br />
<input type="text" value="" \><input type="submit" value="&#200;&#205;&#203;" />

</div>
</div>
<div id="g">&#227;&#202;&#205;&#221; &#199;&#225;&#213;&#230;&#209;<script type="text/javascript"> vbmenu_register("g"); </script></div>

لكن غير
g الى حرف آخر ك f مثلا في كل من

vbmenu_register("g");
و 
id="g"
و 
 id="g_menu" 

لتصبح

<div class="hed22" id="f_menu" style="DISPLAY: none">
<div style="border: 2px solid #336699" >
&#214;&#218; &#218;&#228;&#199;&#213;&#209;<br> &#195;&#206;&#209;&#236; &#229;&#228;&#199;
</div>
</div>
<div id="f">&#195;&#228;&#222;&#209; &#229;&#228;&#199;<script type="text/javascript"> vbmenu_register("f"); </script></div>

وهذا مثال كامل

<script src="svb.js" type="text/javascript"></script>
<script type="text/javascript">
var WHIMG = "2";
var WHIMGw = "7";
var WHIMGh = "11";
var IMGDIR_MISC = "images";
function FP_jumpMenu(el,frm,sel) {
var href=el.options[el.selectedIndex].value; if(sel) el.selectedIndex=0;
if('_new'==frm) open(href); else eval(frm+".location='"+href+"'");
}
vBulletin_init();
</script>

<div class="hed22" id="g_menu" style="DISPLAY: none">
<div style="border: 2px solid #336699" >
 &#199;&#225;&#222;&#199;&#198;&#227;&#201; &#199;&#225;&#227;&#228;&#211;&#207;&#225;&#201; <br />
<input type="text" value="" \><input type="submit" value="&#200;&#205;&#203;" />

</div>
</div>
<div id="g">&#227;&#202;&#205;&#221; &#199;&#225;&#213;&#230;&#209;<script type="text/javascript"> vbmenu_register("g"); </script></div>

<br>

<div class="hed22" id="f_menu" style="DISPLAY: none">
<div style="border: 2px solid #336699" >
&#214;&#218; &#218;&#228;&#199;&#213;&#209;<br> &#195;&#206;&#209;&#236; &#229;&#228;&#199;
</div>
</div>
<div id="f">&#195;&#228;&#222;&#209; &#229;&#228;&#199;<script type="text/javascript"> vbmenu_register("f"); </script></div>

[الإمبراطور وحيد]

يمكن الاستغناء عن الكود

function FP_jumpMenu(el,frm,sel) {
var href=el.options[el.selectedIndex].value; if(sel) el.selectedIndex=0;
if('_new'==frm) open(href); else eval(frm+".location='"+href+"'");
}

تم اقحامه بالخطأ

وبعض الكلاسات الخاصة بموقعي

الكود التالي منقح أكثر

<script src="svb.js" type="text/javascript"></script>
<script type="text/javascript">
var WHIMG = "2";
var WHIMGw = "7";
var WHIMGh = "11";
var IMGDIR_MISC = "images";

vBulletin_init();
</script>

<div id="g_menu" style="DISPLAY: none">
اكتب كلمة البحث
<br>
<input type="text" value="" \> <input type="submit" value="البحث" />
</div>

<div id="g">محتوى القائمة<script type="text/javascript"> vbmenu_register("g"); </script></div>

تحياتي للجميع