كيفية إنشاء مربع بحث Ajax Loader مشابهًا لـ Arlinacode

 

كيفية إنشاء مربع بحث Ajax Loader مشابهًا لـ Arlinacode

هل سبق لك أن رأيت مربع البحث arilnacode؟ اتضح أن المدونة تستخدم محمل Ajax لمربع البحث الخاص بها.

كيف يعمل برنامج Ajax Loader

عند كتابة استعلام في مربع البحث، ستظهر نتائج البحث تلقائيًا على الفور. شاهد الفيديو أدناه للحصول على مثال لمربع بحث مع محمل أجاكس.

 

كيفية تنفيذ مربع بحث مشابه لـ Arlinacode

لتنفيذ ذلك، يمكنك استخدام JavaScript التالي أعلى الكود </body>

<script src='//fiik346.github.io/js/search.js?live=true'/>

عند تثبيت الكود، سيبحث عن علامة إدخال باسم q. إذا كان هناك أكثر من نموذجين للبحث، فسيعمل البحث الأول كمربع بحث محمل ajax.

لعرض صورة، يمكنك إضافة image=true أو تضمين قيمة معلمة تغيير حجم الصورة من صورة Google مثل w200-cأو w200-h100-p-k-no-nuالمثال.

<script src='//fiik346.github.io/js/search.js?live=true&amp;image=true'/>

أو استخدم على النحو التالي.

<script src='//fiik346.github.io/js/search.js?live=true&amp;image=w64-c'/>

راجع الوثائق الكاملة من dte.web.id والتي يمكنك رؤيتها في إضافة ميزات بحث AJAX إلى المدونات

لجعل مربع البحث أكثر جاذبية، يمكنك إضافة نمط CSS الخاص بك.

مصدرالاكواد