Desactivar y Cambiar Texto BOTON

TxT · #1 (**permalink**) 21/06/2008, 16:05

Se que para desactivar un boton es algo asi como:

function desactivar(esto) {
esto.botonEjemplo.disabled = true
}

y el boton es: <input type="submit" name="boton" onclick="desactivar(this)">

O algo similar x.x pero para hacer las dos cosas, por por ejemplo que en el boton dice Haz Click AQUI y cuando se le da click se bloquee para que no den mas click y que cambie el texto a YA Diste Click!

(esto es solo un ejemplo, para una mejor explicacion)

GermanBsAs · #2 (**permalink**) 21/06/2008, 16:16

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>sin título</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 0.14" />
	<script type="text/javascript">
	/*<![CDATA[*/
	function func1(esto)
	{
		esto.value="Ya diste click";
		esto.disabled=true;
	}
	/*]]>*/
	</script>
	
</head>

<body>
	<input type="button" name="boton" id="boton" value="click aqui" onclick="func1(this)">
</body>
</html>

TxT · #3 (**permalink**) 21/06/2008, 16:42

Mmm no se porque no funciona pero no hace ninguna diferencia :S como si ni carga el script

caricatos · #4 (**permalink**) 21/06/2008, 16:51

Hola:

Prueba algo así:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>

</head>
<body>
<form action="javascript: alert('form enviado')" >
<input type="submit" onclick="this.disabled = true; this.value = 'enviado'" value="envio" />
</form>
</body>
</html>

Saludos

TxT · #5 (**permalink**) 21/06/2008, 17:36

Listo Muchas gracias!