afficher ou cacher un div avec image

bonjour je souhaite cacher et afficher cette partie de mon formulaire, j'y arrive pas, en fin a moitier, mais l'image ne change pas du [-] au [+], par defaut elle est sur [-]
voici la partie du code
dans: page.js

Code:

---

1 2 3 4 5

function showHideDivToggle(divName) { divId = document.getElementById(divName); divId.style.display = (divId.style.display == 'none')?'':'none'; }

---

dans ma page jsp

Code:

---

1 2 3 4 5 6 7 8 9 10

... <script src="includes/scripts/page.js"></script></head> ... <td><img src="images/minus.gif" onclick="showHideDivToggle('applSearchParameters');"> </img> </td> ...//un pti peu plus bas <div id="applSearchParameters"> // j'ai un tableau

---

en image

http://img222.imageshack.us/my.php?i...howhideqz6.jpg

pour ta balise image :

Code:

---

1 2	<img src="images/minus.gif" onclick="showHideDivToggle('applSearchParameters');this.src = (this.src == 'images/minus.gif') ? 'images/maxi.gif':'images/minus.gif'" />

---

marche po :( au faite ca fonctionne sauf qu'il ne change pas l'image a [+] : images/plus.gif

Salut,

Ce genre de comparaisons: this.src == 'images/minus.gif' va poser des problèmes
sur la plupart des navigateurs, parce que this.src ne renvoie pas exactement
ce qui est écrit dans l'attribut src mais l'url absolu correspondant:

par ex:
http://www.domaine.com/images/minus.gif

il suffit d'ajouter un boolean global ...

Code:

---

1 2 3 4 5 6 7 8 9 10

var isOpen = true ;   function showHideDivToggle(divName,MyImage) { divId = document.getElementById(divName); divId.style.display = (divId.style.display == 'none')?'':'none'; MyImage.src = (isOpen) ? 'images/minus.gif':'images/maxi.gif'; isOpen = (isOpen) ? false;true; }

---

donc a l'appel de la méthode :

Code:

---

<img src="..." onclick="showHideDivToggle(divName,this)" />

---

Citation:

---

Envoyé par le_chomeur

isOpen = (isOpen) ? false;true;

---

isOpen = !isOpen;

C'est plus écologique :-)