Bonsoir tout le monde,
Je me permet de vous solliciter car j'ai un petit probléme dans mon script :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| for(var i = 0; i < document.images.length; i++){
new_button = document.images[i].id;
alert(new_button);
//
new_button.addEventListener("click", function () {
alert("toto");
//if red
if ( new_button.alt === "off" ) {
//use the function
var new_status = change_pin ( 21, 'in');
// if (new_status !== "fail") {
new_button.alt = "on"
new_button.src = "data/img/green_0.jpg";
return 0;
// }
}
//if green
if ( new_button.alt === "on" ) {
//use the function
var new_status = change_pin ( 21, 'out');
// if (new_status !== "fail") {
new_button.alt = "off"
new_button.src = "data/img/red_0.jpg";
return 0;
// }
}
} );
} |
J'ai bien une alterte avec l'id de mon bouton quand j’accède à la page, mais mon problème se situe à la ligne
new_button.addEventListener("click", function () {
car en fait la valeur new_button doit contenir le nom de mon bouton or ce n'est pas le cas. (car je n'entre pas dans la boucle, je ne vois pas le message "toto"). Je veux que le nom soit chargé dynamiquement à chaque passage dans ma boucle.
Quand je remplace
new_button.addEventListener("click", function () {
par
button_21.addEventListener("click", function () {
button_21 étant l'id de mon image, j'ai bien le message "toto"
Le but de mon script étant de parcourir les images (qui sont des boutons) et d'avoir une seule boucle au lieu d'avoir une pavasse de code JS pour chaque bouton.
Auriez vous une idée ?
Partager