Discussion :

[zorro07]

Bonjour,

Quand l’événement Onmouseover se produit sur un element A, je voudrais changer la couleur de l'element B. Le problème est que le nom de ces éléments m'est fourni par variable. le code ci-dessous ne marche pas. Je ne sais pas comment faire...

Ca marche quand les variables ne sont pas des tableau mais avec des tableau ca marche pas..

Merci !!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var tab_inputs_A = ['voiture1','voiture2', 'passager1','passager2'];
var tab_inputs_B = ['div_nb1','div_nb2', 'div_nb3','div_nb4'];
var elements_A = new Array;
var elements_B = new Array;
 
for (i = 0; i < 4; i++) {
 
  elements_A[i]= document.getElementById(tab_inputs_A[i]);
  elements_B[i]= document.getElementById(tab_inputs_B[i]);     
  elements_A[i].onmouseover = function() {
      elements_B[i].style.background="#f333f4";
  };
 
}

[Bovino]

Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?

[sekaijin]

pourquoi passer par des tableau ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
var tab_inputs_A = ['voiture1','voiture2', 'passager1','passager2'];
var tab_inputs_B = ['div_nb1','div_nb2', 'div_nb3','div_nb4'];
 
for (i = 0; i < 4; i++) {
  /*
  var div = document.createElement('DIV');
  div.id =  tab_inputs_A[i];
  div.innerText = tab_inputs_A[i];
  document.body.appendChild(div);
 
  var a = document.createElement('DIV');
  a.id =  tab_inputs_B[i];
  a.innerText = tab_inputs_B[i];
  document.body.appendChild(a);
  */
 
  var element_A= document.getElementById(tab_inputs_A[i]);
  var element_B= document.getElementById(tab_inputs_B[i]); 
  element_A.cible = element_B;
  element_A.onclick = function () {
    this.cible.style.background="#f333f4";
    return false;
  };
 
}

Il n'y a aucunement besoin de tableau, les variables étant positionnées dans la boucle. Leur portée est limitée à la boucle elle-même.
Donc lorsque tu définis ta méthode, "onmousseover", la variable "element_b" utilisée, est la variable courante à ce passage dans la boucle. Il n'est donc pas nécessaire de la stocker dans un tableau.

A+JYT

[zorro07]

Ok merci à tous.
Finalement j'ai utilisé une fonction closure parce que ce que je ne vous avais pas dit (pour simplifier la question), c'est que je ne pouvais pas modifier element_A (c'est un objet qui ne m'appartient pas)

A+