Hola
thedaket
En efecto, puedes pasarlo a tu fichero JS. El evento en jQuery es conocido como
.click(), y lo llamas según te plazca (por clase, por ID, por tag, etc). Tienes también hover, dblclick, keypress, keyup, keydown...
Por ejemplo:
Código PHP:
// En el HTML
<a id="jugar" href="loquesea.php">Juega!</a>
(...)
// En tu fichero JS
$("#jugar").click(function(){
miFuncion(parametro1,parametro2);
});
Pero claro, si el parametro1 y parametro2 son variables y están presentes en el HTML, primero deberás recogerlos de ahí. Yo por ejemplo suelo trabajar así (no quiere decir que sea correcto):
Supongamos que tengo una lista (
<ul>) de juegos y quiero que al hacer click a uno o a otro, llame a una función que lo cargará, pero para eso debo saber qué ID es. Ni siquiera tiene por qué ser un <a>, puede ser un <li> o cualquier elemento HTML el que reciba el evento click.
Código PHP:
// En mi HTML
<ul id="1juego"><li>Final Fantasy</li><li class="pulsame">Juega!</li></ul>
<ul id="2juego"><li>Street Fighter</li><li class="pulsame">Juega!</li></ul>
<ul id="3juego"><li>Maniac Mansion</li><li class="pulsame">Juega!</li></ul>
Código PHP:
// En mi fichero JS voy a programarle el evento click a todos los elementos que tengan la clase "pulsame", en este ejemplo los <li>
$(".pulsame").click(function(){ // Cuando hagan click en cualquier <li> de "Juega!"
var id=$(this).parent().attr("id"); // Esto me dará el ID del padre, que es el <UL>, por ejemplo "3juego"
id=parseFloat(id); // Esto se queda con el número e ignora las letras de detrás, así pues seguimos con el ejemplo anterior y valdría "3"
cargarJuego(id);
});
No sé si me he explicado muy bien, si tienes dudas expón un poco más tu caso
Saludos!