Ver Mensaje Individual
  #7 (permalink)  
Antiguo 31/10/2008, 10:32
Zptweb
 
Fecha de Ingreso: mayo-2007
Mensajes: 68
Antigüedad: 17 años
Puntos: 0
Respuesta: input con un botón type reset

Oks, lo he hecho mediante javascritp, el problema es, que, al estar asginado un value="" predeterminado, entonces cuando borra, bien, borra lo que he escrito, pero se vuelve a poner el valor donde estaba antes, que para el script funcione, se supone que debe ser value="", pero si yo lo quiero poner value="Search...", entonces, cuando borra algo, borra, pero vuelve a quedar el value predeterminado (Search...)

Este es el código:

<input type="text" value="Search..." onfocus="if (this.value == 'Search...') this.value = ''" onblur="if (this.value == '') this.value = 'Search...'" name="q" id="s"/>


<script type="text/javascript">
$.extend({
searchbox: function() {
var isSafari = /Apple/.test(navigator.vendor);
var isOpera = window.opera;
var input = $("form.searchbox input:text");

$("form.searchbox input:reset").each(function(x, el){
$(el).addClass("resetButton");
$(el).bind("click", function(){
$(this).removeClass("delete");
});
});

input.bind("keyup", function(){
if($(this).val() != '') $(this).parent().find("input:reset").addClass("del ete");
else $(this).parent().find("input:reset").removeClass(" delete");
});
}

});
$(document).ready(function(){
$.searchbox();
})
</script>
<input type="reset" name="" value="" />


Saludos.