limpiar values con jquery

alexk · #1 (**permalink**) 21/04/2010, 21:03

pues eso... eh visto sitios que con un click se limpian los value de los input y textarea... vien el html no tienen el clasico

Código Javascript:

Ver originalvalue="borrar..." 
onfocus="if(this.value=='borrar...'){this.value=''}" 
onblur="if(this.value==''){this.value='borrar...'}"

me gustaria saber como hacer esto... que veo un poco feo eso de tener ese codigo en linea en el HTML me gustaria separalo

Dany_s · #2 (**permalink**) 22/04/2010, 04:45

http://api.jquery.com/category/events/mouse-events/

alexk · #3 (**permalink**) 22/04/2010, 08:17

emmmm... ya.... la cuestion no es con que sino como, que vamos con decir como lo hago ahora demuestra que de jquery no tengo mucha idea, pero gracias

Dany_s · #4 (**permalink**) 22/04/2010, 10:08

por eso mismo te pase la doc de los eventos, si ya tenés la lógica (si el valor es buscar que lo ponga en blanco y cuando sale si está en blanco que lo ponga el texto buscar) y viendo como asignar los eventos con jquery ya lo podés lograr

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prueba</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
      $('#campo').click( function (){
          if( $(this).val() == "Buscar..." )
              $(this).val('');
      }).focusout( function (){
          if ( $(this).val() == "")
              $(this).val('Buscar...');
      });
});
</script>
</head>
<body>

    <input id="campo"  type="text" value="Buscar...">

</body>
</html>

alexk · #5 (**permalink**) 22/04/2010, 10:10

ahhhhhhhhh..... ya veo.. perdona, pero si lo vi pero no logre a entender... Gracias!!!!!!!!!