Problema añadiendo href con js a un link y su evento onkeypress & keydown

ferminako · #1 (**permalink**) 16/04/2012, 00:41

Buenas resulta que en mi pagina tengo un pequeo buscador tal que:

Código HTML:

Ver original<input type="text" name="busqueda" style="width:80px;" value="Búsqueda" onclick="this.value='';" onblur="this.value=(this.value=='')?'Búsqueda':this.value;" onChange="document.links.enlace.href='busqueda.php?b='+this.value+'&pagina=1';">
             <a href="" name="enlace">Buscar</a>

Mi primer problema es que no me funciona en IE (de hecho si hago click en el link me redireciona al index ....)y en los demas(chrome,mozilla,opera,safari...) funciona perefectamente.

Y por otro lado el problema que tengo es que al introducir algo en el input y darle al intro en vez de al link de buscar , no me coje lo que he introducido... he probado con el evento keypress y keydown y tmpoco me lo soluciona puesto que si uso estos eventos , el resultado es que :
Pulso una tecla por ejemplo el 1, y no sale nada vuelvo a pulsarlo y sale un 1 en el link , vamos que la primera tecla no la coje.
... alguien puede exarme un cable....?
Gracias!

Sorry lo puse en php x la costumbre... es Js...

ferminako · #2 (**permalink**) 16/04/2012, 00:57

Buenas resulta que en mi pagina tengo un pequeo buscador tal que:
Código HTML:

Código HTML:

Ver original<input type="text" name="busqueda" style="width:80px;" value="Búsqueda" onclick="this.value='';" onblur="this.value=(this.value=='')?'Búsqueda':this.value;" onChange="document.links.enlace.href='busqueda.php?b='+this.value+'&pagina=1';">
             <a href="" name="enlace">Buscar</a>

Mi primer problema es que no me funciona en IE (de hecho si hago click en el link me redireciona al index ....)y en los demas(chrome,mozilla,opera,safari...) funciona perefectamente.

Y por otro lado el problema que tengo es que al introducir algo en el input y darle al intro en vez de al link de buscar , no me coje lo que he introducido... he probado con el evento keypress y keydown y tmpoco me lo soluciona puesto que si uso estos eventos , el resultado es que :
Pulso una tecla por ejemplo el 1, y no sale nada vuelvo a pulsarlo y sale un 1 en el link , vamos que la primera tecla no la coje.
... alguien puede exarme un cable....?

Gracias!

oscartt67 · #3 (**permalink**) 16/04/2012, 02:53

JQUERY te va a ayudar un monton en la gestions de eventos y un la compatibilidad entre navegadores! Vala la pena el esfuerzo.

ferminako · #4 (**permalink**) 16/04/2012, 03:27

Podrias ser algo mas concreto con algun ejemplo , ando algo verde y claro es algo tan simple....

zalito12 · #5 (**permalink**) 16/04/2012, 05:05

A ver para que te coja las cosas nada más las escribes usa: onkeyup.
Lo otro no sé muy bien que problema tienes pero prueba ponieno # en el atributo href, href="#" eso da problemas a veces en navegadores.

IsaBelM · #6 (**permalink**) 16/04/2012, 07:59

te estás complicando en exceso. por qué no simplemente sumitas el formulario??

al botón submit le puedes aplicar css para que tenga el aspecto de un link

oscartt67 · #7 (**permalink**) 16/04/2012, 10:25

Espero que el moderador no nos corra a collejas por estar en el foro equivocado...
Quizá te suene a chino, pero si lo miras con cariño, veras que es un codigo muy limpi y con muuuchas posibilidades.
Si te gusta lo que te envio, googlea un poco sobre jquery. Vas a amortizar tu esfuerzo rápidamente.

Código PHP:

   
<head> 
<script src="$dirurl/jscripts/js/jquery.min.js" type="text/javascript"></script> 
 
<script type='text/javascript'> 
$(document).ready(function(){ 
     $(".cadenaabuscar").focusin(function(event){ 
         $(this).attr("value",""); 
     }) 
 
     $(".cadenaabuscar").focusout(function(event){ 
         if($(this).attr("value")==""){$(this).attr("value","Busqueda")}; 
     }) 
 
     $("a.buscar").click(function(event){ 
         event.preventdefault();  <----esto evita que el navegador ejecute el click en sí (detiene propagacion de evento) 
         url="busqueda.php?b="+$("cadenaabuscar").attr("value")+"pagina=1"; 
         window.location.href=url;      
     })  
 }) 
 </script> 
</head>  
<body> 
 <input class="cadenaabuscar" type="text" name="busqueda" style="width:80px;" value="Búsqueda"> 
 <a class="buscar" href="" name="enlace">Buscar</a> 
</body>

Este seria mas o menos tu planteamienrto, pero se puede enfocar de diferentes maneras. Jquery te da mucho juego.

si quieres alguna aclaracion, para eso estamos!
suerte.