کد جستجوی سریع در یک صفحه {هایلایت شدن عبارت جستجو شده}

با سلام.

امروز یک کد جالب برای جستجو در صفحه ی مورد نظر به شما معرفی می کنیم. در بالای مرورگر خود در منوی Edit برروی گزینه ی Find On This Page کلیک کنید. سپس یک واژه از صفحه ای که در حال مشاهده ی آن هستید انتخاب کنید و در آن تایپ کنید. سپس کلید Find را بزنید. مشاهده می کنید که آن کلمه هایلایت و انتخاب می شود. کدی که امروز به شما معرفی می کنیم دقیقا همین کار را انجام می دهد.

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

برای دادن کد به ادامه مطلب بروید


.

<SCRIPT language=JavaScript>
var NS4 = (document.layers);
var IE4 = (document.all);
var win = window;
var n = 0;
function findInPage(str) {
var txt, i, found;
if (str == “”)
return false;
if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
if (n == 0)
alert(“Not found.”);
}
if (IE4) {
txt = win.document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart(“character”, 1);
txt.moveEnd(“textedit”);
}
if (found) {
txt.moveStart(“character”, -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
n = 0;
findInPage(str);
}
else
alert(“متاسفانه جستجوی شما نتیجه ای در بر نداشت.”);
}
}
return false;
}
</SCRIPT><FORM name=search onsubmit=”return findInPage(this.string.value);”>
<P align=center><FONT size=3>
<INPUT
style=”border:1px solid #666666; FONT-SIZE: 10pt; font-family:Tahoma”
onchange=”n = 0;” size=17 name=string dir=”rtl”></FONT><BR>
<INPUT style=”border:1px solid #ffffff; FONT-SIZE: 10pt; FONT-FAMILY: Tahoma” type=submit value=جستجو در این صفحه ></FORM>

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

حمایت از ما با یک کلیک!

لطفا برای حمایت از ما یکبار (در روز) بر روی تبلیغات زیر کلیک نمایید: