onclick: seguro es un error tonto pero no me sale.

Copia · #1 (**permalink**) 21/11/2010, 20:52

hola, tengo un script que no se porque no me muestra el resultado.
Lo encontre como ejemplo en un libro pero nada que me funciona.
dom1.js

Código:

function muestraMensaje(){
	alert("Gracias por Pinchar");	
}

window.document.getElementById("pinchable").onClick=muestraMensaje;

y este es el html nodoscreate.html

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="dom1.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Crear y desaparcer nodos</title>
</head>
<body>
<form>
	<input id="pinchable" type="button" value="Pinchame" />
</form>
</body>
</html>

zerokilled · #2 (**permalink**) 21/11/2010, 21:31

lo primero es que en javascript todos los eventos se escriben en minusculas. no es lo mismo onClick que onclick, javascript es sensible a minusculas y mayusculas. y lo segundo, el orden en que carga tambien afecta. primero estas cargando el script en <head> y luego el contenido en <body>. de modo que al interpretarse javascript primero, el elemento al que intenta hacer referencia aun no existe en el documento. tienes dos opciones, usas el evento onload para realizar la operacion de agregar el evento onclick, o cargas el script luego del elemento que necesitas tener acceso o al final del documento.

Copia · #3 (**permalink**) 21/11/2010, 22:59

oh!, gracias.

Sabia que era un error tonto, pero valía la aclaración que hiciste.

Saludos.