Asociar funcion a botòn

gonza182 · #1 (**permalink**) 19/08/2013, 14:19

Buenas tardes a todos,

Estoy ingresando en el mundo de javascript y tengo una pequeña dude que no pude encontrar en internet, como asocio una funciòn a un botòn en especifico? ya sea un botòn u otra cosa, por ejemplo, este es mi codigo.

(que agradecerìa me dieran algùn consejo si es que ven algo mal)

<!DOCTYPE html>
<html>
<head>
<title>Gonzalo</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>

</head>
<body>
<div id="navegador">
<ul>
<li id="CV"><a href="CV.html">Elemento 1</a></li>
<li><a href="#">Elemento 2</a></li>
<li><a href="#">Elemento 3</a></li>
<li><a href="#">Elemento 4</a></li>
</ul>
</div>

<button id="Boton"> Go Back </button>
</body>

</html>

---
Que luego tengo un archivo .js con nombre "script" con la siguiente funciòn para ir para atras.

<script language="javascript">
function goback(){
history.back();
}
</script>
<input type=button value="regresar" onClick=goback()>

pero no entiendo como hago para que reconozca que esa funciòn tiene que ser usada en el boton con ID "Boton".

Alguno podrìa darme una indicaciòn de como se hace esto?

gracias!

ipraetoriux · #2 (**permalink**) 19/08/2013, 14:39

..deberias usar los Event Handler del DOM Level 0...o sea...

Código Javascript:

Ver originalvar boton = document.getElementById("Boton");
boton.onclick = function(){
   // aca tu codigo
}

...ademas si quieres evitar la propagacion de la accion del boton, deberias agregar return false

Código Javascript:

Ver originalvar boton = document.getElementById("Boton");
boton.onclick = function(){
   // aca tu codigo
   return false;
}

zerokilled · #3 (**permalink**) 19/08/2013, 18:13

buenas...
solo vengo hacer una observación referente a un comentario.

Cita:

..ademas si quieres evitar la propagacion de la accion del boton, deberias agregar return false

estoy seguro que quisistes decir evitar la acción predeterminada del botón, ya que propagación no es lo mismo que acción predeterminada. la propagación es el flujo en que viaja el objeto Event a través de los nodos para ser capturado por un handler (evento). en el siguiente ejemplo nótese que a pesar del return false, el alert del DIV se muestra.

Código:

<div onclick="alert('click de alert');">
<a href="#" onclick="alert('evitamos ir al enlace'); return false;">click</a>
</div>

Pajaranny · #4 (**permalink**) 19/08/2013, 18:29

Aprovechando el tema, y si quisiéramos al clicar en el botón llamar a una archivo .php que hace un insert y cambiar el texto del botón de "enviar" a "insertado"?

Gracias.

gonza182 · #5 (**permalink**) 19/08/2013, 19:55

Entiendo, muchas gracias por sus respuestas, pero les hago una ultima consulta, entiendo que hay q crear una variable que guardarìa el evento de la funciòn de JS, ahora mi consulta es, yo deberìa llamar a esa funciòn en el archivo HTML verdad?

Serìa

<button function(boton)> click aqui </button)

es asì? o estoy equivocado en esto? Gracias!