Si deseas buscar Texto en Página web o Blog se puede realizar fácilmente gracias a Javascript, el cual es un gran valor agregado a la usabilidad de tu página sobretodo si esta trata temas con gran cantidad de Texto, generalmente en muchos navegadores se puede hacer con la función window.find(), pero para que funcione en casi todos hay que incluir un pequeño script.
Ejemplo:
Código:
Script:
<script language="JavaScript">
var TRange=null
function busca (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (window.find) {
strFound=self.find(str);
if (!strFound) {
strFound=self.find(str,0,1)
while (self.find(str,0,1)) continue
}
}
else if (navigator.appName.indexOf("Microsoft")!=-1) {
if (TRange!=null) {
TRange.collapse(false)
strFound=TRange.findText(str)
if (strFound) TRange.select()
}
if (TRange==null || strFound==0) {
TRange=self.document.body.createTextRange()
strFound=TRange.findText(str)
if (strFound) TRange.select()
}
}
else if (navigator.appName=="Opera") {
alert ("Opera no soporta busqueda")
return;
}
if (!strFound) alert ("Cadena '"+str+"' no fue Encontrada")
return;
}
Formulario:
<input name="t1" value="Texto a Buscar" /> <input onclick="busca(document.all.t1.value)" type="button" value="Buscar" />
Importante: El script y el formulario los puedes poner en cualquier parte de tu web, pero recomendamos que incluyas el script en el <head> </head> de tu página, aunque no es absolutamente necesario, como ves en este blog en el cual no copie el script en el <head> pero si lo puse de primero en la entrada y funciona correctamente.
Como puedes ver la caja de texto tiene el name="t1", por lo cual el botón tiene en el evento OnClick la función busca en la cual envía el Value del objeto t1.
