تبلیغات

تبلیغات
طراحی و بهینه سازیمشاهده

هاست

اسکریپت جی کوئری جستجوگر سریع صفحات هلمز

جی کوئری , متفرقه
اسکریپت جی کوئری جستجوگر سریع صفحات هلمزReviewed by M J on Oct 30Rating: 4.5اسکریپت جی کوئری جستجوگر سریع صفحات هلمزشاید برای شما هم پیش اومده باشه که در یک صفحه شلوغ و پر از متن های مختلف، دنبال جمله خاصی بودید و در نهایت به واسطه جستجو مرورگرتون (Ctrl+F) متن مورد نظر رو در صفحه پیدا کردید. حالا در برخی موارد این روش کاربرد چندانی نداره (مثلا در موبایل) و یا اینکه برخی از کاربران اینترنتی آشنایی چندانی با قابلیت های مرورگرشون ندارند و از طرفی جستجو در میان کوئری های سایت هم بار مضاعفی برای سرور شما خواهد داشت… پس حالا میفرمایید چیکار کنیم؟!؟

شاید برای شما هم پیش اومده باشه که در یک صفحه شلوغ و پر از متن های مختلف، دنبال جمله خاصی بودید و در نهایت به واسطه جستجو مرورگرتون  (Ctrl+F) متن مورد نظر رو در صفحه پیدا کردید. حالا در برخی موارد این روش کاربرد چندانی نداره (مثلا در موبایل) و یا اینکه برخی از کاربران اینترنتی آشنایی چندانی با قابلیت های مرورگرشون ندارند و از طرفی جستجو در میان کوئری های سایت هم بار مضاعفی برای سرور شما خواهد داشت… پس حالا میفرمایید چیکار کنیم؟!؟

 

خب، ساده است! کافیه که این موضوع رو به دستان پر توان هلمز بسپرید! هلمز، اسکریپتی سبک و ساده است که بدون نیاز به کتابخانه جی کوئری، کلیه متن های صفحه رو در سمت کاربر پردازش میکنه و نتیجه نهایی با حذف موارد اضافه به نمایش در میاد… همچنین، پیاده سازی هلمز هم بسیار ساده است و در چند قدم ساده میتونید این اسکریپت رو در صفحتون قرار بدید.

 

اسکریپت جی کوئری جستجوگر سریع صفحات هلمز

 

قدم اول:

اولین کاری که باید انجام بدید فراخوانی اسکریپت holmes.js در صفحه است که میتونید این فایل رو در صفحه گیتهاب پلاگین دانلود کنید و یا از شیوه نصب bower یا npm استفاده کنید که نمونه دستور npm به صورت زیر قابل استفاده است:

 

 

قدم دوم:
در مرحله دوم باید طرفین فاعل و مفعول رو مشخص کنیم! فاعل همون جستجو کننده است که باید یک فیلد input باشه و مفعول هم در واقع بخشیه که فاعل اونجا رو مورد جستجوی خودش قرار میده. به عنوان مثال:

 

 

قدم سوم:
آخرین مرحله کار هم فراخوانی تابع اصلی homles در صفحه است که دو کلید مهم input  و find به ترتیب با سلکتورهای فاعل و مفعول مقدار دهی میشن. (البته این تابع آپشن های دیگه ای هم داره که میتونید جزئیات بیشترش رو در صفحه گیتهاب پلاگین مشاهده کنید)

 

 

موفق باشید


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود
.

هاست ویندوز ایران و خارج بهینه سازی شده جهت استفاده از اسکریپت وردپرس و جوملا

مطلب مفیدی بود ؟
نویسنده : admin 0 جی کوئری , متفرقه

لینک کوتاه مطلب : http://www.20script.ir/?p=28700

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,662اسکریپت مدیریت محتوای Cotonti تاریخ : 2017/07/14
6,204شمارنده متحرک به صورت جاوا اسکریپت تاریخ : 2014/02/3
2,313قالب وبلاگی Omega برای وردپرس تاریخ : 2016/03/25
8,264اسکریپت فروشگاه ساز حرفه ای Moguta تاریخ : 2017/07/25
7,813اسلاید بندی تصاویر پس زمینه وبسایت با استفاده از backstretch تاریخ : 2014/07/20
2,426دانلود اسکریپت بازی آنلاین پازل Potion Master تاریخ : 2014/06/25
1,472اسکریپت رزرو آنلاین هتل Accomodo تاریخ : 2017/06/2
5,324اسکریپت ایجاد سایت نیازمندی ها و ثبت آگهی LaraClassified نسخه 1.4.4 تاریخ : 2016/09/19
7,206اسلایدر بسیار زیبا و حرفه ای جی کوئری Flyout تاریخ : 2014/07/15
2,007اسکریپت ارسال اتوماتیک پست به فیسبوک Fb Campaigner نسخه 2.1 تاریخ : 2016/03/7
3,110اسکریپت ساخت آنلاین اسلایدر MySlider نسخه 1.4 تاریخ : 2016/02/11
4,799دانلود اسکریپت سیستم مدیریت بیمارستان Bayanno Hospital نسخه 3.1 تاریخ : 2015/05/9
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب