گذاشتن باکس سرچ در داخل یک صفحه

سلام دوستان من یک صفحه وردپرسی دارم که تعداد کلمات داخل صفحه خیلی زیاده، من میخوام یک باکسی یا المانی توش بذارم که مثل Ctrl + F کیبورد عمل کنه و وقتی کاربر توش یک کلمه مینویسه از محتوای اون صفحه اون کلمه مورد نظر رو جستجو و پیدا کنه. ممنون میشم راهنمایی کنید

1 Like

درود،

این افزونرو بررسی کنید:

3 Likes

ممنونم ولی این افزونه میره محتوای سایر صفحات رو هم سرچ میکنه، من میخوام فقط داخل یک صفحه سرچ کنه، عملکردش مثل کنترل + f مرورگر باشه. چون مخاطبای سایتم بعضیا بلد نیستن از این کلیدا استفاده کنن میخوام داخل پست ی باکسی یا چیزی بذارم که تایپ کنن تا اون کلماتو براشون هایلایت کنه یا نشون بده

همچنین چیزی آماده به خصوص وردپرس پیدا نکردم. اما با جاوا اسکریپت می تونید یه همچنین چیزی درست کنید.
اون صفحه ای که قصد دارید این کار رو انجام بدین رو ارسال کنین.

این دو مورد جالب هستن. حتما ببینید:
https://www.the-art-of-web.com/javascript/search-highlight/
https://www.w3schools.com/howto/howto_js_filter_lists.asp

5 Likes

من چند صفحه به این شکل میخوام طراحی کنم این یکیشه که کاربر اسم گیاه مورد نظرشو سرچ کنه داخل باکس
https://www.agridayan.com/nutrition-programs/

این مورد یکم مشکل ایجاد می کنه چون محتوای این صفحه به صورت accordion هست و اگر کاربر یه موردی رو جستجو کنه، مورد هایلایت شده داخل accordion می مونه و نمایان نمیشه. مگر اینکه آکاردئون ها به صورت پیشفرض باز باشن.

4 Likes

میتونم باز کنم. مهم اسم گیاهاست که در قسمت پایین زیر عکسش دکمه مربوطش آورده شده. میخوام اسم گیاه رو سرچ کنه اون دکمه مربوطه براش هایلایت شه

در این صورت با یکم کد نویسی جاوا اسکریپت، می تونید با کتابخانه hilitor این رو درست کنید.

منبع و آموزش

4 Likes