Discussion :

[avia767]

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 :

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

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 :

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

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

[le_chomeur]

pour ta balise image :

Code :

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

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

[avia767]

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

[marcha]

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

[le_chomeur]

il suffit d'ajouter un boolean global ...

Code :

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

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 :

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

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

[marcha]

isOpen = (isOpen) ? false;true;

isOpen = !isOpen;

C'est plus écologique :-)