Discussion :

[dré kam]

Salut à tous!
Je dois faire un jeu en Javascript et pour cela j'ai besoin d'un tableau remplie de manière aléatoire. Mais le remplissage doit se faire juste une fois, quand la page se charge. Ceci me permet de savoir où telle image doit être affichée. En gros j'ai quelque chose de ce genre:

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
 
window.onload=init;
function init()
{
    /*
        intialisation de mon tableau
    */
    for(var i=0;i<tableau.length;i++)    //C'est un tableau qui contient des images cliquables et qui doivent être modifiées quand on clique
    {
        tableau[i].onclick=show;
    }
}
function show()
{
    this.src=une_autre_image.src;
}

Le problème c'est que quand la fonction show() s'exécute l'image est modifiée pendant un très bref moment, puis l'image par défaut revient. Comme si la page était réinitialisée à chaque fois. De même les valeurs du tableau changent à chaque fois.
Alors je voudrais qu'on m'explique ce qui se passe dans la fonction init, à quel moment elle est (ré-)éxécutée et comment résoudre le problème.
Merci pour vos réponses.

[NoSmoking]

Bonsoir,
voir à mettre un return false en fin de fonction click si les images sont contenues dans des balises A.

Code :

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

1
2
3
4
5
6
7
8
window.onload = function(){
  for(var i=0;i<tableau.length;i++){
    tableau[i].onclick = function(){
      this.src = une_autre_image.src;
      return false;
    };
  }
}

[dré kam]

Merci!