Discussion :

[Elradriel]

Bonjour ici,

J'ai un problème lors d'un clic sur un div où je cherche à afficher un message. Voila le code :

Code html :

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

1
2
3
4
5
6
 
<div id="boutonChoixImage">
   <div id="image1Iut"></div>
   <div id="image2Iut"></div>
   <div id="image3Iut"></div>
</div>

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function changementPhoto1()
{
   alert("bla");
}
 
window.onload = function(){
   var image1Defilement = document.getElementById("image1Iut");
   var image2Defilement = document.getElementById("image2Iut");
   var image3Defilement = document.getElementById("image3Iut");
 
   image1Defilement.addEventListener("click", changementPhoto1);
   image2Defilement.addEventListener("click", changementPhoto2);
   image3Defilement.addEventListener("click", changementPhoto3);
}

Voila, c'est pas un problème de linkage vu que le reste de mon script fonctionne comme il faut donc voila si quelqu'un pouvait m'éclairer !
Merci.

[vandenn3]

Salut,

Tu appelle les fonctions changementPhoto1, changementPhoto2 et changementPhoto3, or seule la première est définie.

Il faudrait créer les fonctions manquantes:

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
 
function changementPhoto1()
{
   alert("bla");
}
function changementPhoto2()
{
   alert("bla2");
}
function changementPhoto3()
{
   alert("bla3");
}
window.onload = function(){
   var image1Defilement = document.getElementById("image1Iut");
   var image2Defilement = document.getElementById("image2Iut");
   var image3Defilement = document.getElementById("image3Iut");
 
   image1Defilement.addEventListener("click", changementPhoto1);
   image2Defilement.addEventListener("click", changementPhoto2);
   image3Defilement.addEventListener("click", changementPhoto3);
}

ou alors appeler chaque fois la même fonction:

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
 
function changementPhoto1()
{
   alert("bla");
}
 
window.onload = function(){
   var image1Defilement = document.getElementById("image1Iut");
   var image2Defilement = document.getElementById("image2Iut");
   var image3Defilement = document.getElementById("image3Iut");
 
   image1Defilement.addEventListener("click", changementPhoto1);
   image2Defilement.addEventListener("click", changementPhoto1);
   image3Defilement.addEventListener("click", changementPhoto1);
}

Je te conseille d'utiliser le débogueur de ton navigateur, tu aurais vu l'erreur javascript "ReferenceError: changementPhoto2 is not defined"

Bonne soirée