¡Buenas a todos!
Veamos, estoy haciendo un registro de usuarios en el que pongo, a cada atributo, una imagen para editar a éste.
Simplificando el tema;
Código PHP:
<div class="atributoTexto" id="nombre">
NombreUsuario
</div>
<div class="disparadorEdicion" id="disparadorNombre">
</div>
Script Javascript (con Jquery);
Código PHP:
$('#disparadorNombre').click (function () {
//codigo
});
Hasta aquí todo bien. El problema es que tengo como 10 atributos y escribir todo el código Javascript para cada uno, es FEO.
Estaba intentando hacer esto con un bucle, pero veo que no funciona;
Código PHP:
var disparadorA = $('#disparadorA');
var disparadorB = $('#disparadorB');
var disparadorC = $('#disparadorC');
var disparadores = new Array (disparadorA, disparadorB, disparadorC);
for (var i=0; i<disparadores.length; i++){
disparadores[i].click (function () {
alert(disparadores[i].css("background-position"));
});
}
Lo del CSS es un ejemplo, el tema es que no funciona.
Estuve investigando un poquito y parece que con Javacript orientado a objetos se podría hacer, pero me resulta confuso.
¿Cómo podría hacer esto con un bucle? Y ¿alguien sabe de un tutorial de Javascript OOP que ataque este tipo de asuntos?
Gracias!