Añadir propiedad a campo de texto ?

yosvany · #1 (**permalink**) 24/02/2008, 07:47

Hola a todos

Mi problema es el siguiente:

Le estoy añadiendo funcionalidad a un campo de texto de la siguiente manera

HTMLInputElement.prototype.clear = function(){
this.value = " ";
this.focus();
}

y luego llamo esa funcion asi

document.getElementById('idDelCampoDeTexto').clear ();

pero solo funciona en Mozilla Firefox en Internet Explorer no funciona me dice que esa propiedad no esta definida.

Si alguien sabe como logro el mismo efecto en IE que me diga como es que se hace

saludos

caricatos · #2 (**permalink**) 24/02/2008, 10:17

Hola:

Es cierto, así no funciona en explorer, pero puedes darle funcionalidades a etiquetas específicas...

function limpiar() {
this.value = "";
this.focus();
}

...

document.getElementById("el_id").clear = limpiar;

...

Debes acordarte de darle la funcionalidad con el tag ya existente (window.onload o similar...)

Saludos

yosvany · #3 (**permalink**) 24/02/2008, 14:02

Gracias Caricatos

Me sirvio la idea que me diste, hice un pequeño ejemplo para que todos los campos input de tipo texto tengan esa funcionalidad.Este es el codigo del ejemplo:

Codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">

</script>
</head>

<body>
<input type="text" name="nombre" id="nombre" />
<input type="button" name="Limpiar" value="Limpiar" onClick="document.getElementById('nombre').clear() ;"/>
</body>
</html>