Comunidad de diseño web y desarrollo en internet online

caja de busqueda

Citar            
MensajeEscrito el 13 Jul 2012 06:50 pm
hola espero se encuentren bien, soy nuevo en el foro y espero poder aprender mucho aqui, lamentablemente vengo con un problema que no he podido resolver ojala alguien de ustedes pueda orientarme para dar con lo que necesito, tengo un script que es algo viejito pero quisiera adaptarlo a mis necesidades, estoy tratando de hacer un cuadro de busqueda que al ingresar una palabra te abra la pagina directamente y no el resultado de la busqueda, en el codigo puedes indexar manualmente todo pero no logro hacer que me abra la pagina solo el resultado se puede hacer lo que necesito?, muchas gracias de antemano

aqui dejo el codigo:


Código HTML :





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!---aqui comienza el buscador -->
<script language="JavaScript">
<!-- Begin
var item = new Array();

// "Nombre de la página","Situación página","Título","Palabras clave","Comentarios descriptivos"

/* links below were changed so a 404 error would not be found if someone actually clicked them in the www.js-examples.com database */
c=0; item[c]=new Array("http://misitio.com/papeleria.html","","Basicos","lapiz,pluma,goma,za capuntas","productos basicos");
c++; item[c]=new Array ("http://misitio.com/papeleria2.html","","Basicos 2","resistol,tijeras,regla,escuadra","productos basicos 2");

codigo="<h1>Results</h1><table border=0 cellspacing=10 width=80%>";

function search(frm) {
win = document.getElementById("resultado");
win.innerHTML=codigo;
txt = frm.srchval.value.split(" ");
fnd = new Array(); total=0;
for (i = 0; i < item.length; i++) {
fnd[i] = 0; order = new Array(0, 4, 2, 3);
for (j = 0; j < order.length; j++)
for (k = 0; k < txt.length; k++)
if (item[i][order[j]].toLowerCase().indexOf(txt[k]) > -1 && txt[k] != "")
fnd[i] += (j+1);
}
for (i = 0; i < fnd.length; i++) {
n = 0; w = -1;
for (j = 0;j < fnd.length; j++)
if (fnd[j] > n) { n = fnd[j]; w = j; };
if (w > -1) total += show(w, win, n);
fnd[w] = 0;
}
win.innerHTML+="</table><center><br><font size=2>se ha encontrado:"+total+"<br></body></html></font>";
}
function show(which,wind) {
link = item[which][1] + item[which][0];
line = "<tr><td><br><a href='"+link+"'>"+item[which][2]+"</a><br>";
line += item[which][4] ;
wind.innerHTML+=line;

return 1;
}
// End -->
</script>

<form method="get" action="javascript:void(0)" onsubmit="search(this); return false;">

<!-- fin del buscador -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<div>
<center><font size="15" color=" #66666"><input name="srchval" value="" size="20" type="text"><input value="BUSCAR" type="submit"></font></center></div></form>

<div align="center" id="resultado"></div>

</body>
</html>


Por markusf

0 de clabLevel



 

msie
Citar            
MensajeEscrito el 17 Jul 2012 10:56 pm
Hola, podrias usar la carga en un DIV con JQUERY

Código Javascript :

$('#a').load('article.html');


Dependiendo del resultado, haces una matriz que la relacione con cada pagina o puedes hacer que cada pagina se llame como el resultado y le agregas el .html, no se aqui el limite seria tu imaginacion.

te dejo la pagina de Jquery para ver los usos

http://api.jquery.com/load/

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.