iBienvenido a wedmasterayuda! - Busqueda en pagina

Busqueda en pagina

Este ejemplo muestra como realizar la busqueda de una palabra o texto en una misma pagina html.

http://www.fileden.com/files/2008/5/22/1925126/botoncodigowedmasterayuda.JPG

<Html>
<Head>
<Title>Botón de Busqueda</Title>
</Head>

<Body>

<script language="JavaScript">

var NS4 = (document.layers);
var IE4 = (document.all);
var win = window; // Con frames usar top.nombre.window;
var n = 0;

function BuscarPalabras(str)
{
var txt, i, found;
if (str == "")
return false;

if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;

// No se encuentra en ninguna parte y envia un mensaje.
if (n == 0)
alert("No se encuentra.");
}

if (IE4) {
txt = win.document.body.createTextRange();
// Encuentra la coinsidencia desde el inicio de pagina.
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}

// Si lo encuentra, marca el resultado y mueve la barra de desplazamiento
// para mostrarlo.
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
// De otra manera regresa al inicio de la página para buscar otra coinsidencia
else {
if (n > 0) {
n = 0;
BuscarPalabras(str);
}
// No se encuentra en ninguna parte envia un mensaje.
else
alert("No se encontró.");
}
}
return false;
}
</script>

<Form Name="search" onSubmit="return BuscarPalabras(this.string.value);">
<Font Size=2>
<Input Name="string" Type=Text Size=15 onChange="n = 0;">
<Input Type="submit" Value="BUSCAR">
</Font>
</Form>

<Br><Br>

<Font Face=Arial Size=2>
<P>
Escribe la palabra que desees buscar dentro de esta página en el cuadro de texto y presiona el botón BUSCAR.</P>

</Body>
</Html>

Nota: Modifica las opciones que encuentres en negrilla lo demas es obligatorio tenerlo de esa forma. Si este te sirvio de ayuda deja tu comentario pulsando aqui