popup CSS sur différents liens

Bonjour,

Je suis entrain de développer une page comprenant différents pop up (en relation au tutorial "Créez votre popup CSS du même style que Ligthview").

Le pop up fonctionne, mais je n'arrive pas à adapter le code pour avoir un texte différent sur chaque lien. C'est-à-dire que j'ai 5 liens, et lorsqu'on clique sur chaque lien je souhaiterais qu'un texte différent apparait dans le pop up, hors à l'état actuel, quand je clic sur n'importe quel lien, les 5 textes apparaissent en meme temps.

J'ai 3 parties de codes:
- les fonctions javascript

Code:

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
<script language="javascript" type="text/javascript"> 
function hideDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.hideshow.style.visibility = 'hidden'; 
} 
} 
}
 
function showDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideshow').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideshow.visibility = 'visible'; 
} 
else { // IE 4 
document.all.hideshow.style.visibility = 'visible'; 
} 
} 
} 
</script>

- le pop up, dans via la fonction echo est appelé le texte qui doit apparaitre

Code:

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
<!--POPUP-->
 
<div id="hideshow" style="visibility: hidden;">
	<div id="fade"></div>
	<div class="popup_block">
		<div class="popup">
			<a href="javascript:hideDiv()"><img src="/images/icons/icon_close.png" class="cntrl" title="Close"></a>
			<table cellspacing="0" cellpadding="0">
 				 <tr>
  					  <td>
                      	<table cellspacing="0" cellpadding="2">
       					 <tr>
         					 <td class="main" id="produit5"><p><?php echo PRODUIT5; ?></p></td>
                             <td class="main" id="produit4"><p><?php echo PRODUIT4; ?></p></td>
                             <td class="main" id="produit3"><p><?php echo PRODUIT3; ?></p></td>
                             <td class="main" id="produit2"><p><?php echo PRODUIT2; ?></p></td>
                             <td class="main" id="produit1"><p><?php echo PRODUIT1; ?></p></td>
       					 </tr>
   						 </table>
                        </td>
 				 </tr>
			</table>
 
		</div>
	</div>
</div>
 
<!--END POPUP-->

- le texte html qui appel la fonction javascript lors du clic sur le lien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<tr>
                          <td width="35" height="25"><img src="/admin37/images/icons/tick.gif" border="0"></td>
                          <td width="365" height="25" class="textebleu"><a href="javascript:showDiv('produit5')"><?php echo TEXT_PRIXBAS; ?></a></td>
                        </tr>
                        <tr>
                          <td width="35" height="25"><img src="/admin37/images/icons/tick.gif" border="0"></td>
                          <td width="365" height="25" class="textebleu"><a href="javascript:showDiv('produit4')"><?php echo TEXT_LIVRAISONDOM; ?></a></td>
                        </tr>
                        <tr>
                          <td width="35" height="25"><img src="/admin37/images/icons/tick.gif" border="0"></td>
                          <td width="365" height="25" class="textebleu"><a href="javascript:showDiv('produit3')"><?php echo TEXT_RETRAIT; ?></a></td>
                        </tr>
                        <tr>
                          <td width="35" height="25"><img src="/admin37/images/icons/tick.gif" border="0"></td>
                          <td width="365" height="25" class="textebleu"><a href="javascript:showDiv('produit2')"><?php echo TEXT_REPRISE; ?></a></td>
                        </tr>
                        <tr>
                          <td width="35" height="35"><img src="/images/promos/garantie.gif" width="28" height="28" border="0"></td>
                          <td width="365" height="30" class="textebleu"><a href="javascript:showDiv('produit1')"><?php echo TEXT_GARANTIE; ?></a></td>
                        </tr>

Pourriez vous me dire à quel endroit j'ai mal codé - adapté le code?

Un tout grand merci d'avance pour votre aide.