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

با سلام.

امروز يك كد جالب براي جستجو در صفحه ي مورد نظر به شما معرفي مي كنيم. در بالاي مرورگر خود در منوي 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>

دیدگاهتان را بنویسید

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