4 پست در این موضوع قرار دارد

سلام

می خوام یه برگه درست کنم و یکسری مطالب داخلش بذارم و نیاز هست که کاربر بتونه بین کلمات جستجو کنه به همین دلیل نیاز دارم به یک کادر جستجو مثل Ctrl+F فایرفاکس که کاربر بتونه توی متن جستجو کنه.

کد زیر رو پیدا کردم ولی مشکل اینه که بعد از نوشتن کلمه مورد نظر باید کلید Alt رو یکبار فشار بدی و بعد روی دکمه جستجو کلیک کنید. می خواستم بدونم افزونه یا کدی (مثل Ctrl+F فایرفاکس) برای اینکار هست که درست کار کنه یا میشه همین کد رو درست کرد که دیگه نیاز به زدن کلید Alt نباشه؟

با تشکر

<html>

<body>

<script>
<!-- Hide from old browsers


/******************************************
* Find In Page Script -- Submitted/revised by Alan Koontz (alankoontz@REMOVETHISyahoo.com)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code
* This notice must stay intact for use
******************************************/

// revised by Alan Koontz -- May 2003

var TRange = null;
var dupeRange = null;
var TestRange = null;
var win = null;


// SELECTED BROWSER SNIFFER COMPONENTS DOCUMENTED AT
// http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html

var nom = navigator.appName.toLowerCase();
var agt = navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
var is_ie = (agt.indexOf("msie") != -1);
var is_ie4up = (is_ie && (is_major >= 4));
var is_not_moz = (agt.indexOf('netscape')!=-1)
var is_nav = (nom.indexOf('netscape')!=-1);
var is_nav4 = (is_nav && (is_major == 4));
var is_mac = (agt.indexOf("mac")!=-1);
var is_gecko = (agt.indexOf('gecko') != -1);
var is_opera = (agt.indexOf("opera") != -1);


// GECKO REVISION

var is_rev=0
if (is_gecko) {
temp = agt.split("rv:")
is_rev = parseFloat(temp[1])
}


// USE THE FOLLOWING VARIABLE TO CONFIGURE FRAMES TO SEARCH
// (SELF OR CHILD FRAME)

// If you want to search another frame, change from "self" to
// the name of the target frame:
// e.g., var frametosearch = 'main'

//var frametosearch = 'main';
var frametosearch = self;


function search(whichform, whichframe) {

// TEST FOR IE5 FOR MAC (NO DOCUMENTATION)

if (is_ie4up && is_mac) return;

// TEST FOR NAV 6 (NO DOCUMENTATION)

if (is_gecko && (is_rev <1)) return;

// TEST FOR Opera (NO DOCUMENTATION)

if (is_opera) return;

// INITIALIZATIONS FOR FIND-IN-PAGE SEARCHES

if(whichform.findthis.value!=null && whichform.findthis.value!='') {

str = whichform.findthis.value;
win = whichframe;
var frameval=false;
if(win!=self)
{

frameval=true; // this will enable Nav7 to search child frame
win = parent.frames[whichframe];

}


}

else return; // i.e., no search string was entered

var strFound;

// NAVIGATOR 4 SPECIFIC CODE

if(is_nav4 && (is_minor < 5)) {

strFound=win.find(str); // case insensitive, forward search by default

// There are 3 arguments available:
// searchString: type string and it's the item to be searched
// caseSensitive: boolean -- is search case sensitive?
// backwards: boolean --should we also search backwards?
// strFound=win.find(str, false, false) is the explicit
// version of the above
// The Mac version of Nav4 has wrapAround, but
// cannot be specified in JS


}

// NAVIGATOR 7 and Mozilla rev 1+ SPECIFIC CODE (WILL NOT WORK WITH NAVIGATOR 6)

if (is_gecko && (is_rev >= 1)) {

if(frameval!=false) win.focus(); // force search in specified child frame
strFound=win.find(str, false, false, true, false, frameval, false);

// The following statement enables reversion of focus 
// back to the search box after each search event 
// allowing the user to press the ENTER key instead
// of clicking the search button to continue search.
// Note: tends to be buggy in Mozilla as of 1.3.1
// (see www.mozilla.org) so is excluded from users 
// of that browser.

if (is_not_moz) whichform.findthis.focus();

// There are 7 arguments available:
// searchString: type string and it's the item to be searched
// caseSensitive: boolean -- is search case sensitive?
// backwards: boolean --should we also search backwards?
// wrapAround: boolean -- should we wrap the search?
// wholeWord: boolean: should we search only for whole words
// searchInFrames: boolean -- should we search in frames?
// showDialog: boolean -- should we show the Find Dialog?


}

if (is_ie4up) {

// EXPLORER-SPECIFIC CODE revised 5/21/03

if (TRange!=null) {

TestRange=win.document.body.createTextRange();



if (dupeRange.inRange(TestRange)) {

TRange.collapse(false);
strFound=TRange.findText(str);
if (strFound) {
//the following line added by Mike and Susan Keenan, 7 June 2003
win.document.body.scrollTop = win.document.body.scrollTop + TRange.offsetTop;
TRange.select();
}


}

else {

TRange=win.document.body.createTextRange();
TRange.collapse(false);
strFound=TRange.findText(str);
if (strFound) {
//the following line added by Mike and Susan Keenan, 7 June 2003
win.document.body.scrollTop = TRange.offsetTop;
TRange.select();
}



}
}

if (TRange==null || strFound==0) {
TRange=win.document.body.createTextRange();
dupeRange = TRange.duplicate();
strFound=TRange.findText(str);
if (strFound) {
//the following line added by Mike and Susan Keenan, 7 June 2003
win.document.body.scrollTop = TRange.offsetTop;
TRange.select();
}


}

}

if (!strFound) alert ("String '"+str+"' not found!") // string not found


}
// -->
</script>

<!-- EXAMPLE FORM OF FIND-IN-PAGE SEARCH USING SUBMIT (ALLOWING 'ENTER/RETURN' KEY PRESS EVENT) -->
<form name="form1" onSubmit="search(document.form1, frametosearch); return false"><input type="text" name="findthis" size="15" title="Press 'ALT s' after clicking submit to repeatedly search page"> <input type="submit" value="Find in Page" ACCESSKEY="s"></form>

</body>

</html>

 

0

به اشتراک گذاری این پست


لینک به پست

سلام

https://www.algolia.com/
https://wordpress.org/plugins/search-everything/
https://wordpress.org/plugins/wp-extended-search/

 

1

به اشتراک گذاری این پست


لینک به پست

ممنونم از پاسختون

اگه اشتباه میگم شما اصلاح بفرمایید:

این افزونه ها رو من نصب کردم، این ها افزونه سرچ هستند درسته؟ مثل سرچی که توی خود قالب به صورت پیشفرض هست و البته با امکاناتی بیشتر؟

اما من یه چیزی می خوام دقیقا مثل Ctrl+F فایر فاکس. و این کدی هم که توی پست اول گذاشتم همین کار رو می کنه ولی فقط مشکلش اینه که باید بعد از نوشتن متن دکمه Alt کیبورد رو یکبار فشار بدیم و بعد روی جستجو کلیک کنیم تا کلمه مورد جستجو رو پیدا کنه.

بازم از وقتی که گذاشتید برای پاسخ متشکرم

0

به اشتراک گذاری این پست


لینک به پست

مورد دوم و سوم همین‌طور هست که گفتید

اما مورد اول کار شما رو راه می‌ندازه

نمونه استفاده شده از مورد اول

در مورد کدتون هم حقیقتش اینقد طولانی اصلا حوصله خوندش رو ندارم ... 

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط maraljoon
      سلام دوستان.. وقت بخیر
      افزونه ای هست که بشه تو نقشه جستجو کرد؟؟ واضح تر اینکه فرض کنید یه سایت مثل سایت املاک بخشی داشته باشه که بشه مثلا تو شهر تهران مناطقی که مورد های اجاره ای یا فروش وجود داره رو پیدا کرد. یعنی وقتی مدیر سایت یا کاربران که آگهی اجاره یا فروش ثبت میکنند رونقشه علامت گذاری بشه و بازدید کننده ها بتونن تو نقشه رو اون علامت گذاری ها برن و از اون طریق به لینک اون صفحه( لینک اون آگهی) تو سایت برن.
      مثل نمونه ای که تو این سایت هست: www.manishen.com/fa-searchMap-خرید و فروش-تهران
      اگه افزونه یا راهی سراغ دارید ممنون میشم معرفی کنید.
    • توسط cloudgamer
      سلام خدمت تمام اعضای انجمن وردپرس فارسی و تشکر از پیگیری های شما.
      میخواستم بدونم کد برای فراخوانی جستجو در سایت چیه؟
      کد میخوام جستجو رو داخل سایت بیاره و سالم باشه
      ممنون میشم کمک کنید.
    • توسط ccoder
      سلام
      طبق تصویر زیر، آیا افزونه ای وجود داره که بشه جستجو رو ajax کرد؟
      خیلی از افزونه ها ajax می کنند ولی بدرد بخور نیست. منظورم از ajax اینه که مثل سایت (متاسفانه فیلتر شده ای نتورک) وقتی کلمه ای رو سرچ می کنید، سریع نشون بده.
      آدرس سایتشم میزنم که با فیلتر شکن برید و از نزدیک ببینید:
      http://academy.anetwork.ir
      از منوی بالا > دیکشنری رو بزنید
      :::: اگر افزونه وردپرس هم نبود و کدی برای صفحه single داشتید هم معرفی کنید ::::

    • توسط vazizi69@yahoo.com
      سلام ممنون میشم اگر منو راهنمایی کنید 
      من تو سایت وردپرسی میخوام صفحه ای داشته باشم که یک url جستجو داشته باشه و وقتی کد محصول رو اونجا وارد کردم 
      در همان صفحه زیر ادرس بار محصول رو به صورت باز شده نشون بده 
      یعنی مستقیم به داخل صفحه محصول که کدش رو زدم بره و دکمه خرید داشته باشه 
      با هر افزونه جستجو که انجام میدم یا کلی مطالب و محصول مرتبط رو به صورت لیست نشون میده 
       لینک نمونه صفحه ای که میخوام داشته باشم 
      https://digikatoni.ir/single-checkout/
    • توسط B.K
      سلام دوستان، تو یه برگه معرفی اعضای تیم میخوام یه باکس جستجو داشته باشم که اسم هر شخصی را که سرچ میکنم فقط همون شخص بیاد و از برگه و صفحات دیگه چیزی نیاره! حدود 40 نفرن (معلم ابتدایی) لطفا راهنمایی کنید که چطور این کار را انجام بدم؟