Discussion :

[ctrl+z]

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
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<script>
 function itemView(id,img) {
   var item = document.getElementById(id);
   if (item == null) return;
   if (item.style.display == '') {
     item.style.display = 'none';
     img.src='images/open.gif';
   }
   else {
     item.style.display = '';
     img.src='images/close.gif';
   }
 }
</script>
<table>
 <!-- Item 1 -->
 <tr>
  <td width="98%"><img name="img1" src="images/close.gif"> <a href="javascript:itemView('item1','img1');">Item 1 :</a></td>
 </tr>
 <tr valign="top" style="display:none" id="item1">
  <td colspan="2">
   Item 1 : Blablabla...
  </td>
 </tr>
 <!-- Item 2 -->
 <tr>
  <td width="98%"><img name="img2" src="images/close.gif"> <a href="javascript:itemView('item2','img2');">Item 2 :</a></td>
 </tr>
 <tr valign="top" style="display:none" id="item2">
  <td colspan="2">
   Item 2 : Blablabla...
  </td>
 </tr>
</table>

Bonjour, le code ci-dessous est censé alterner 2 images mais ça ne fonctionne pas, le paramètre img retourne bien le nom de l'image.

Merci d'avance pour vos conseils

[Auteur]

bonjour,

essaye comme ceci :
code HTML

Code :

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

1
2
3
<img id="img2" src="images/close.gif"> 
<a href="javascript:itemView('item2','img2');">Item 2 :</a>

code JS

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
function itemView(id, idImg) 
{
   var item = document.getElementById(id);
   var img  = document.getElementById(idImg);

   if (item == null) return false;
   if (item.style.display == '') 
   {
     item.style.display = 'none';
     img.src='images/open.gif';
   }
   else 
   {
     item.style.display = '';
     img.src='images/close.gif';
   }
 }

[ctrl+z]

j'avais pourtant essayé ça, il fallait aussi inverser les deux images... Merci