Bon j'aimerai afficher une balise div en fonction du clic sur le lien qu'a choisi l'utilisateur
Voici le code:
Code html : 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 
//voici mon code javascript
       <script>
function visibilite(thingId)
{
 var i;
 var targetElement;
 for(i=9; i<=10;i++){
  targetElement = document.getElementById("apDiv" + i) ;
  targetElement.style.display = "none" ;
 }
 targetElement = document.getElementById("apDiv" + thingId) ;
 targetElement.style.display = "" ;
}
</script>
 
<script>
function cacher(){
 var i;
 var targetElement;
 for(i=9; i<=12;i++){
  targetElement = document.getElementById("apDiv" + i) ;
  targetElement.style.display = "none" ;
 }
}
</script>
 
//voici le code de lien que l'on doit cliquer
 <li>
			<h3>Canapé d'angle 5places convertibles taupe Roma</h3>
			<span>../images/canapes/canape5placeconvertibleroma.jpg</span>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
			<a  herf="javascript:visibilite('11');"><img src="../images/canapes/produits/canape5placeconvertibleroma.jpg" alt="Sea Turtle" width="121" height="75"/></a>
		</li>
		<li>
			<h3>Canapé lit angle 5places convertibles taupe antigua</h3>
			<span>../images/canapes/canapelitconvertibleantigua.jpg</span>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
			<a  herf="javascript:visibilite('12');"><img src="../images/canapes/produits/canapelitconvertibleantigua.jpg" alt="Red Coral" width="121" height="75" /></a>
		</li>
//et voici les div que l'on doit afficher au clic de l'image
<div id="apDiv9"  class="ombrage" style="display:none;">
      <table width="286" height="160" border="0" bgcolor="#FFFFFF" cellspacing="1">
        <tr>
          <td width="118" bgcolor="#FFFF99"><a href="#" OnClick = "affiche_overlay_window('../images/load.gif','table_a_diner.php')"><img src="../images/canapes/canape6placegrisardoisecity.jpg" width="97" height="97" class="ombrage" /></a></td>
          <td width="162" bgcolor="#FFFF99"><span class="text-produit"><strong>Table à diner Tradition</strong></span><br/>
     <span class="text-produit"> Structure et pied (démontable):Peuplier massif.</span><br />
     <br />
    <span class="text-prix"><strong> Prix:299.000 FCFA</strong></span><br /><br /><br />
    <div class="buttons">
				<a href="#" OnClick = "affiche_overlay_window('../images/load.gif','table_a_diner.php')" class="button"><span>Details</span></a>
						</div><br /></td>
        </tr>
      </table>
    </div>
 
<div id="apDiv10" class="ombrage" style="display:none;">
      <table width="286" height="160" border="0" bgcolor="#FFFFFF" cellspacing="1">
        <tr>
          <td width="118" bgcolor="#FFFF99"><a href="#" OnClick = "affiche_overlay_window('../images/load.gif','lampe_a_poser_fjord.php')"><img src="../images/canapes/canape5placesmilano.jpg" width="97" height="97" class="ombrage" /></a></td>
          <td width="162" bgcolor="#FFFF99"><span class="text-produit"><strong>Chaise croisée LUBERON</strong></span><br/>
     <span class="text-produit"> Plateau en sheesham massif teinté(palissandre des indes).</span><br />
     <br />
    <span class="text-prix"><strong> Prix:160.000 FCFA</strong></span><br /><br /><br />
    <div class="buttons">
				<a href="#" OnClick = "affiche_overlay_window('../images/load.gif','lampe_a_poser_fjord.php')" class="button"><span>Details</span></a>
						</div><br /></td>
        </tr>
      </table>
    </div>
 
    <div id="apDiv11" class="ombrage" style="display:none;">
      <table width="286" height="160" border="0" bgcolor="#FFFFFF" cellspacing="1">
        <tr>
          <td width="118" bgcolor="#FFFF99"><a href="#" OnClick = "affiche_overlay_window('../images/load.gif','chaise_croisee_luberon.php')"><img src="../images/canapes/canape5placeconvertibleroma.jpg" width="97" height="97" class="ombrage" /></a></td>
          <td width="162" bgcolor="#FFFF99"><span class="text-produit"><strong>Chaise croisée LUBERON</strong></span><br/>
     <span class="text-produit"> Structure pin et contreplaqué.</span><br />
     <br />
    <span class="text-prix"><strong> Prix:160.000 FCFA</strong></span><br /><br /><br />
    <div class="buttons">
				<a href="#" OnClick = "affiche_overlay_window('./.images/load.gif','chaise_croisee_luberon.php')" class="button"><span>Details</span></a>
						</div><br /></td>
        </tr>
      </table>
    </div>
      <div id="apDiv12" class="ombrage" style="display:none;">
      <table width="286" height="160" border="0" bgcolor="#FFFFFF" cellspacing="1">
        <tr>
          <td width="118" bgcolor="#FFFF99"><a href="#" OnClick = "affiche_overlay_window('../images/load.gif','chaise_croisee_luberon.php')"><img src="../images/canapes/canapelitconvertibleantigua.jpg" width="97" height="97" class="ombrage" /></a></td>
          <td width="162" bgcolor="#FFFF99"><span class="text-produit"><strong>Chaise croisée LUBERON</strong></span><br/>
     <span class="text-produit"> Structure pin et contreplaqué.</span><br />
     <br />
    <span class="text-prix"><strong> Prix:160.000 FCFA</strong></span><br /><br /><br />
    <div class="buttons">
				<a href="#" OnClick = "affiche_overlay_window('./.images/load.gif','chaise_croisee_luberon.php')" class="button"><span>Details</span></a>
						</div><br /></td>
        </tr>
      </table>
    </div>
merci