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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

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

    • توسط vazizi69@yahoo.com
      سلام ممنون میشم اگر منو راهنمایی کنید 
      من تو سایت وردپرسی میخوام صفحه ای داشته باشم که یک url جستجو داشته باشه و وقتی کد محصول رو اونجا وارد کردم 
      در همان صفحه زیر ادرس بار محصول رو به صورت باز شده نشون بده 
      یعنی مستقیم به داخل صفحه محصول که کدش رو زدم بره و دکمه خرید داشته باشه 
      با هر افزونه جستجو که انجام میدم یا کلی مطالب و محصول مرتبط رو به صورت لیست نشون میده 
       لینک نمونه صفحه ای که میخوام داشته باشم 
      https://digikatoni.ir/single-checkout/
    • توسط B.K
      سلام دوستان، تو یه برگه معرفی اعضای تیم میخوام یه باکس جستجو داشته باشم که اسم هر شخصی را که سرچ میکنم فقط همون شخص بیاد و از برگه و صفحات دیگه چیزی نیاره! حدود 40 نفرن (معلم ابتدایی) لطفا راهنمایی کنید که چطور این کار را انجام بدم؟
    • توسط yousefamini
      سلام
      بنده یک افزونه ای میخام که فیلتر جستجو برای افزونه acf یا همان زمینه های دلخواه پیشرفته رو داشته باشه .
      اگر چیزی میدونید معرفی کنید اگه هم بلدید طراحی اختصاصی کنید هزینشم با هم کنار میایم .
      09112921876
      تشکر
    • توسط t-admin
      سلام دوستان.
      من از قالب shoppystore استفاده می کنم.قسمت جستجوی قالب بجز 5 کالا در کالاهای دیگه جستجو نمیکنه!!! یعنی مثلا 5 لباس رو میشه سرچ کرد و نتایج اون پنج کالا رو نشون میده اما هرچی کالای دیگه که اضافه کردم توی نتایج جستجو نشون داده نمیشن.
      البته سرچ خود سایت درست عمل میکنه.اما کالاها رو بصورت پست نشون میده که مناسب فروشگاه نیست.
      میتونید راهنمایی کنید مشکل از کجاست؟
      این کد search.php سایت هست.
      <?php $ya_header_style     = ya_options()->getCpanelValue('header_style'); ?>
      <?php get_header( $ya_header_style ) ?>
      <div class="container">
          <?php
              $post_type = isset( $_GET['search_posttype'] ) ? $_GET['search_posttype'] : '';
              if( isset( $post_type ) &&  locate_template( 'templates/search-' . $post_type . '.php' ) ){
                  get_template_part( 'templates/search', $post_type );
              }else{
                  get_template_part('templates/content');
              }
          ?>
      </div>
      <?php get_footer(); ?>