Bonjour,

J'aimerai faire une sorte de liste déroulante :

> mon texte

Quand la personne clique ( soit sur l'image, soit sur le texte ), on transforme la page de cette manière :

^ mon texte ( ^ = fleche mais vers le bas )

Sachant que j'ai décidé de faire les flèches avec des images, voici mon code qui ne marche pas, pourquoi ?

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
   <head>
      <title>Brainstorming</title>
      <link rel="stylesheet" type="text/css" href="brainstorming.css" />
      <!-- ici on met les include de code javascript -->
      <script type="text/javascript" src="brainstorming.js"> </script>
   </head>
<body>
 
<span id="idee" onclick="deroulement();" ><img src="img/fleche_d.gif" alt="fleche_droite" id="fleche_d" /> test <br /></span>
<span id="idee"><img src="img/fleche_d.gif" alt="fleche_droite" id="fleche_d"/> test <br /></span>
<span id="idee"><img src="img/fleche_d.gif" alt="fleche_droite" id="fleche_d"/> test <br /></span>
</body>
</html>
et mon fichier js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
function deroulement() {
   var elementClique = this;
   var nouvEle = document.createElement("img");
   nouvEle.setAttribute('src','img/fleche_b.gif');  
   elementClique.replaceNode(elementClique.firstchild,nouvEle);
 
}
merci d'avance