طريقة صنع محرك بحث خاص بمدونتك

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

ولكن في الآونة الأخيرة جاء عبر موقع أنا واحد من بول كرو القارئ لدينا والتي كان هذا البرنامج التعليمي لخلق خيار البحث مع القدرة على اخفاء نص على النقر. القطعة تعمل في الخيار المثالي المصغر HTML / جافا سكريبت لكنه لا يعمل في قالب رمز المنطقة. ولكن إزالة الشوائب التي كنت حتى هذه القطعة مثالية للعمل في الأماكن على حد سواء.

تستطيع أن ترى في العرض على أحدث WhiteMagic القالب الذي كنت وضعت في قالب مربع code.Unfortunately هناك اثنين من رموز مختلفة لأغراض كل من أعلاه.

 إذا كنت تريد تثبيت مربع البحث في جافا سكريبت  استخد م هذا الرمز

<form id="searchThis" action="/search" style="display:inline;" method="get"> 

<input id="searchBox" name="q" size="20" type="text" value="Search This Blog...." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> <input id="searchButton" value="Search" type="submit"/> 

</form>

إذا كنت ترغب في استخدام مربع البحث في رمز قالب استخدام 

<form id="searchThis" action="/search" style="display:inline;" method="get">
&lt;input id=&quot;searchBox&quot; name=&quot;q&quot; size=&quot;20&quot; type=&quot;text&quot; value=&quot;Search This Blog....&quot; onfocus=&quot;if(this.value==this.defaultValue)this.value=&#039;&#039;;&quot; onblur=&quot;if(this.value==&#039;&#039;)this.value=this.defaultValue;&quot;/&gt;
<input id="searchButton" value="Search" type="submit"/>
</form>

في رموز كل من أكثر من 20 يمثل حجم مربع و "البحث في هذه المدونة..." يمثل النص

الافتراضي الذي سوف ينظر في مجال المدخلات. يمكنك تغيير كل هذه القيم كما تشاء.