Parametros en un evento
Publicado por Nicolas (7 intervenciones) el 23/04/2016 16:45:33
Hola gente, tengo un nuevo problema, sigo con JS, JQuery, HTML y CSS.
Tengo 9 botones, que utilizan una función exactamente igual, el unico variante es al INPUT que debo apuntar cada vez que ejecuto la function.
Tengo un "TATETI" en el cual cada botón mostrara una imagen de fondo en el mismo, pero el problema es el siguiente:
En esa función la unica variante es el INPUT al cual le asigno el atributo.
Tal como lo dije, 9 botones apuntan a esa funcion, por lo que en vez de "#img11", ahi deberia de haber un parámetro (de la funcion colocarImagen), para que sea general a los 9 botones, y no tenga que copiar y pegar 9 veces la misma funcion para que el programa funcione.
Este es el codigo de mi JS
---------------------------------------
-----------------------------------------------
Yo intente hacer lo siguiente, pero no funciona:
----------------
// Obviamente, las demas lineas del load, con ese parametro pasado, como en la primer linea, no lo hice con el resto porque es mas que nada para ejemplificar.
Si hago exactamente lo anterior, al iniciar la pag el botón img11, aparece sin que yo le haga click, con la imagen.
Gracias, saludos
Tengo 9 botones, que utilizan una función exactamente igual, el unico variante es al INPUT que debo apuntar cada vez que ejecuto la function.
Tengo un "TATETI" en el cual cada botón mostrara una imagen de fondo en el mismo, pero el problema es el siguiente:
1
2
3
function colocarImagen(){
$("#img11").attr("class", "mostrarCirculo");
}Tal como lo dije, 9 botones apuntan a esa funcion, por lo que en vez de "#img11", ahi deberia de haber un parámetro (de la funcion colocarImagen), para que sea general a los 9 botones, y no tenga que copiar y pegar 9 veces la misma funcion para que el programa funcione.
Este es el codigo de mi JS
---------------------------------------
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(document).ready(load);
function load(){
$("#img11").click(colocarImagen);
$("#img12").click(colocarImagen);
$("#img13").click(colocarImagen);
$("#img21").click(colocarImagen);
$("#img22").click(colocarImagen);
$("#img23").click(colocarImagen);
$("#img31").click(colocarImagen);
$("#img32").click(colocarImagen);
$("#img33").click(colocarImagen);
}function colocarImagen(){
$("#img11").attr("class", "mostrarCirculo");
}Yo intente hacer lo siguiente, pero no funciona:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function load(){
$("#img11").click(colocarImagen("#img11"));
$("#img12").click(colocarImagen);
$("#img13").click(colocarImagen);
$("#img21").click(colocarImagen);
$("#img22").click(colocarImagen);
$("#img23").click(colocarImagen);
$("#img31").click(colocarImagen);
$("#img32").click(colocarImagen);
$("#img33").click(colocarImagen);
}function colocarImagen(nom){
$(nom).attr("class", "mostrarCirculo");
}// Obviamente, las demas lineas del load, con ese parametro pasado, como en la primer linea, no lo hice con el resto porque es mas que nada para ejemplificar.
Si hago exactamente lo anterior, al iniciar la pag el botón img11, aparece sin que yo le haga click, con la imagen.
Gracias, saludos
Valora esta pregunta
0
