رفتن به مطلب

پست های پیشنهاد شده

سلام

می خوام یه برگه درست کنم و یکسری مطالب داخلش بذارم و نیاز هست که کاربر بتونه بین کلمات جستجو کنه به همین دلیل نیاز دارم به یک کادر جستجو مثل 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>

 

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


لینک به ارسال

سلام

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

 

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


لینک به ارسال

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

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

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

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

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

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


لینک به ارسال

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

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

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

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

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


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط pese
      سلام
      با افزونه کیوفرم quform در سایتم فرم زدم اطلاعات توسط کارفرمایان و کارجویان در سایتم توسط فرم ثبت می شود.
      حالا من پایگاه داده ام رکوردهاش خیلی زیاد شده برای پیدا کردن کارفرما باید فرمی درست کنم تا از طریق کد ملی و یا نام و یا تلفن بتوانم به مشخصات کامل آن کارفرما سریع دسترسی داشته باشم.
      افزونه کیو فرم آیا فقط اطلاعات را فقط ارسال می کنه به دیتابیس من ؟؟؟؟ آیا نمی شه فرمی را با همان نوشت که بتوانم اطلاعاتی را از پایگاه داده استخراج کنم اگر می شه لطفا راهنمایی کنید .
      عکس و توضیحات کامل باشه
    • توسط chetorir
      با سلام و وقت بخیر ؛
      جسارتا من یک سوال داشتم و خواستم بدونم چطوری بعضی از سایت ها وقتی یک عنوانی رو جستجو میکنی زیر وب سایت یک لیست بازشونده وجود داره که یک سری توضیحات داخلش قرار گرفته!
      مثلا میزنیم آموزش سئو بعد دوتا سایت اول این ویژگی رو دارن خواستم بدونم چطوری میتونم برای سایتم همچین قابلیتی رو فعال کنم؟ یک عکس برای نمونه اپلود کردم، مشخصات سایت رو هم مخفی کردم منظورم بخش هایی که زرد رنگ شده اند هستش.
      با تشکر 
    • توسط m3hrdaad
      با سلام.
      من تو وب سایتم یک فیلدی دارم برای جستجو پیشرفته محصولات استفاده میشه و به صورت آجاکسی هست (بخشی از نام محصول یادداشت میشه و محصولات لیست میشن). این فیلد دقیقا بالای منوی اصلی سایت هست و کاملا هم به درستی کار میکنه.
      مشکل من سر رنگ بندی نتایجی هست که بعد از تایپ بخشی از نام محصولات میاد. مثلا مطابق این عکس، من وقتی یک کلمه ای رو مینویسم، لیست محصولات مشخص میشه ولی هنوز منوی اصلی من مشخص هست. در حالیکه من میخوام منو زیر این لیست قرار بگیره. چون اینجوری تداخل در نوشته ها وجود داره.
      کسی میتونه کمکی کنه؟
      ممنون میشم از همه دوستان


    • توسط unid_user
      سلام و درود
      دوستان گرامی ، من یه فایل search.php ساختم و با دستور شرطی زیر گفتم اگه پست تایپ product بود نتایج رو نشون بده.
      <div class="woocommerce woocommerce-box"> <ul class="products"> <?php if ( post_type_exists( 'product' ) ) : while ( have_posts() ) : the_post(); ?> <li class="product"> <a class="woocommerce-LoopProduct-link woocommerce-loop-product__link" href="<?php the_permalink(); ?>"> <?php woocommerce_template_loop_product_thumbnail() ?> <h2 class="woocommerce-loop-product__title"><?php the_title(); ?></h2> <span class="price"> <?php woocommerce_template_loop_price() ?> </span> <?php woocommerce_template_loop_add_to_cart(); ?> </a> </li> <?php endwhile; ?> <?php else: ?> <?php endif; ?> </ul> </div> اما وقتی می خوام اسم یک مقاله رو توی قسمت جستجوی سایت وارد کنم. در صفحه نمایش جستجوها که کدهای بالا توش نوشته شده یک خطا میده. هرچند که اون مقاله هم نشون داده میشه.
      Fatal error: Call to a member function get_price_html() on null in /home2/tinymedi/public_html/wp-content/plugins/woocommerce/templates/loop/price.php on line 26 اولا راهی برای حل این مشکل وجود داره؟
      دوم اینکه میشه مثلا search-product.php ساخت و نتایج جستجو رو از search.php جدا نمایش بده؟
      با تشکر و سپاس
    • توسط maraljoon
      سلام دوستان.. وقت بخیر
      افزونه ای هست که بشه تو نقشه جستجو کرد؟؟ واضح تر اینکه فرض کنید یه سایت مثل سایت املاک بخشی داشته باشه که بشه مثلا تو شهر تهران مناطقی که مورد های اجاره ای یا فروش وجود داره رو پیدا کرد. یعنی وقتی مدیر سایت یا کاربران که آگهی اجاره یا فروش ثبت میکنند رونقشه علامت گذاری بشه و بازدید کننده ها بتونن تو نقشه رو اون علامت گذاری ها برن و از اون طریق به لینک اون صفحه( لینک اون آگهی) تو سایت برن.
      مثل نمونه ای که تو این سایت هست: www.manishen.com/fa-searchMap-خرید و فروش-تهران
      اگه افزونه یا راهی سراغ دارید ممنون میشم معرفی کنید.
×
×
  • اضافه کردن...