Javascript - Busqueda en pagina
Códigos Javascript
Este ejemplo muestra como realizar la busqueda de una palabra o texto en una misma pagina html.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <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>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Busqueda en pagina" href="http://www.tutores.org/codigo/329/" target="_blank">Busqueda en pagina</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Busqueda en pagina" href="http://www.tutores.org/codigo/329/" target="_blank">Busqueda en pagina</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
s@ms@m
4
5
hola bueno el codigo si funciona chebre pero como haria para que m busque dentro de toda la web y no solo en la misma pagina aver si m puedes ayudar
Comentario usuario
jaime
01-07-2008 17:36:00
5
5
bueno quiero busqueda de todas las paginas y que sena archivos
Comentario usuario
darkchiclesdarkchicles
3
5
Solo funciona con IExplorer en Firefox lamentablemente NO
Comentario usuario
Sin definirSin definir
4
5
necesito codigo para buscar en todas las paginas d un amisma web
Comentario usuario
Octavio
14-03-2011 22:22:21
5
5
podrias hacer un formulario de busqueda usando el motor de google y usar el operador site: [aqui tu pagina]
Comentario usuario
Enigma
10-08-2009 13:53:55
3
5
Hola el codigo estabien pero lo cambie para utilizar con frames "var win = top.name.window;" , pero no me realiza ninguna busqueda, que otra cosa se necesita hacer, haber si me pueden ayudar.
Comentario usuario
sircamsircam
3
5
Hey..les recomiendo este motor de pagina interno.
sitelevel.com (Version free permite 1000 paginas)
picosearch.com (version free permite creo que 300)
Ambos son personalizables
lo utilize en una de mis primeras páginas que invente.
cinemaonline.comyr.com
sitelevel.com (Version free permite 1000 paginas)
picosearch.com (version free permite creo que 300)
Ambos son personalizables
lo utilize en una de mis primeras páginas que invente.
cinemaonline.comyr.com
INSERTAR COMENTARIO