Discussion :

[pat06]

Bonjour à tous,

je suis Patrick et suis nouveau sur le forum.
Je travaille en PHP. J'affiche les données d'une base dans un tableau.
J'aimerai quau survol de la souris la ligne chande de couleur. Pour cela je fais :

Code :

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

1
2
3
4
5
6
7
 
while($ligne = mysqli_fetch_assoc($result))
{
extract($ligne);
echo "<tr onmouseover="this.bgColor=#F0FFF0"; onmouseout="this.bgColor=#FFFFCC";>
<td><div align='left'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$REFERENCE</strong></font></div></td>.....
etc...

j'obtiens l'erreur suivante

Parse error: parse error, unexpected T_STRING, expecting ',' or ';' in C:\Program Files\EasyPHP 2.0b1\www\affiche_criteres.php on line 111
(c'est la ligne echo "<tr onmouseover.....)

merci d'avance à qui pourra m'aider

[N1bus]

Bonjour,

Remplace les guillemets par des apostrophes :

Code :

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

1
2
3
4
5
6
 
while($ligne = mysqli_fetch_assoc($result))
{
extract($ligne);
echo "<tr onmouseover='this.bgColor=#F0FFF0'; onmouseout='this.bgColor=#FFFFCC';>
<td><div align='left'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$REFERENCE</strong></font></div></td>.....

[pat06]

Je te remercie pour l'aide que tu tentes de m'apporter mais j'ai essayé et ta solution ne fonctionne pas oytre des erreurs sur la page (non bloquantes et c'est un mieux), je n'ai pas la fonctionnalitée voulue.

[xclam]

Tu peux nous dire quelles sont les erreurs?

sinon tu peux essayer

Code :

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

echo "<tr onmouseover='this.style.background=#F0FFF0;' onmouseout='this.style.background=#FFFFCC;'>

[onirisme]

En css :

Code PHP :

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

1
2
3
4
5
6
7
 
<?php
echo '<table>';
echo'<tr class="color1"><td>Test couleur1</td></tr>';
echo'<tr class="color2"><td>Test couleur2</td></tr>';
echo '</table>';
?>

Code CSS :

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

1
2
3
4
5
6
7
 
tr.color1:hover{
	background : #cc0000 ;
}
tr.color2:hover{
	background : #ffffff ;
}

[pat06]

les erreurs me sont signalés par la popup IE sur erreur des pages : il signale :
ligne : 36 (je ne sais pas où il débute la numération
caractère : 23 (idem)
erreur : caractère incorrect
code : 0

pour chaque enregistrement j'ai 2 fois l'erreur

au final j'ai bien mon tableau avec les enregistrements corrects mais sans la fonctionnalité onMouseover.

Quant à ta solution j'ai un parse error

[onirisme]

Fonctionne :

Code PHP :

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

1
2
 
echo '<tr onmouseover="this.style.background=\'#F0FFF0\'"; onmouseout="this.style.background=\'#ffffff\'";><td>Texte</td></tr>';

[koopajah]

je mettrais les ; dans les quotes plutot

Code :

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

echo '<tr onmouseover="this.style.background=\'#F0FFF0\';" onmouseout="this.style.background=\'#ffffff\';"><td>Texte</td></tr>';

[onirisme]

Oui désolé pour l'erreur... J'ai mal aux yeux

[pat06]

Désolé mais comme çà j'ai un :

Parse error: parse error, unexpected T_STRING, expecting ',' or ';'

J'ai beau essayé les syntaxes possibles je trouve pas...

[onirisme]

Donnes le code complet + le code html généré par php (si il y en a...)

[pat06]

le code avec le parse error sur la ligne onMouseover:

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
while($ligne = mysqli_fetch_assoc($result))
     {
      extract($ligne);
      echo  "<tr onmouseover="this.style.background=\'#F0FFF0\';" onmouseout="this.style.background=\'#FFFFCC\';">
 			      <td><div align='left'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$REFERENCE</strong></font></div></td>
            <td><div align='left'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$NOM</strong></font></div></td>
            <td><div align='left'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$FAMILLE</strong></font></div></td>
            <td><div align='left'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$ORIGINE</strong></font></div></td>
            <td><div align='right'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$PRIX €</strong></font></div></td>
            <td><div align='center'><font color=#FF6600 size='2' face='Arial, Helvetica, sans-serif'><strong>$DISPONIBLE</strong></font></div></td>
            <td><div align='center'><a href=javascript:FenetreImage('../img_cetoine/{$ligne['IMAGE']}','$REFERENCE','Origine:$ORIGINE')>
            <img src='../img_cetoine/{$ligne['IMAGEV']}' border='0' class='image' align='middle' alt='Cliquez pour Agrandir'>
                </a>
  				  </td>
            </tr>"; 
               }
echo "</table>";

Pas de code généré par PHP.

[onirisme]

Bon, j'ai pu regarder un peu le code ce matin.

le code avec le parse error sur la ligne onMouseover:

En fait l'erreur peut venir de n'importe ou dans le code étant donné que de la balise echo à la balise </tr> ilne sagit que d'une seule et même ligne (pour php).

Bon, je n'ai que 4 mois d'expérience en php alors je sais pas si je peux me permettre de donner des conseils mais je vais quand même le faire.

J'ai coupé les balises avec plusiuers echo afin que se soit plus clair, ainsi si j'ai une erreur, je sais exactement la ligne qui est concernée.

Pour info, j'avais pas le courage de créer une base de donnée et la fonction qui genere ton tableau alors j'ai mis des valeurs fictives et j'ai retiré (commenté) certaine zone pour éviter les erreurs.

Ce code fonctionne en l'état.

Ajoute ton code sur la balise image et décommente ce que j'ai commenté
/*Pour test*/

Code PHP :

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
 
<?php
	echo '<table>';
	/***Pour Test
	while($ligne = mysqli_fetch_assoc($result))
	{
	extract($ligne);
	*/
 
	/*******Pour le test******/
	$REFERENCE ='Référence';
	$NOM = 'Nom';
	$FAMILLE = 'famille';
	$OROGINE = 'Origine';
	$PRIX = '125';
	$DISPONIBLE = 'oui/non';
	/*******Fin du test******/
 
	echo '<tr onmouseover="this.style.background=\'#F0FFF0\';" onmouseout="this.style.background=\'#FFFFCC\';">';
	echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$REFERENCE.'</strong></font></div></td>';
	echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$NOM.'</strong></font></div></td>';
	echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$FAMILLE.'</strong></font></div></td>';
	echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$ORIGINE.'</strong></font></div></td>';
	echo '<td><div align="right"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$PRIX.' "€"</strong></font></div></td>';
	echo '<td><div align="center"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$DISPONIBLE.'</strong></font></div></td>';
	echo '<td><div align="center"><a href="'.$REFERENCE.',Origine:'.$ORIGINE.')"><img src="image.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td>';
	echo '</tr>'; 
	      /*** } Pour Test***/
	echo '</table>';
?>

Tu as juste la ligne

Code :

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

1
2
 
echo '<td><div align="center"><a href="'.$REFERENCE.',Origine:'.$ORIGINE.')"><img src="image.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td>';

à modifier avec ton code. Décommente la zone while et la balise "}" en bas de ton code. Enlève la zone de test et fais un essai.
Si tu as une erreur, tu pourras nous dire exactement d'où elle provient.

[pat06]

Bonjour, je n'ai pas pu m'y remettre avant. Un grand merci à onirisme car le code fonctionne PRESQUE bien si je fais :

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
 
while($ligne = mysqli_fetch_assoc($result))
{
extract($ligne);
echo '<tr onmouseover="this.style.background=\'#F0FFF0\';" onmouseout="this.style.background=\'#FFFFCC\';">';
            echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$REFERENCE.'</strong></font></div></td>';
echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$NOM.'</strong></font></div></td>';
echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$FAMILLE.'</strong></font></div></td>';
echo '<td><div align="left"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$ORIGINE.'</strong></font></div></td>';
echo '<td><div align="right"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$PRIX.' €</strong></font></div></td>';
echo '<td><div align="center"><font color=\'#FF6600\' size="2" face="Arial, Helvetica, sans-serif"><strong>'.$DISPONIBLE.'</strong></font></div></td>';
echo '<td><div align='center'><a href=javascript:FenetreImage('../img_cetoine/{$ligne['IMAGE']}','$REFERENCE','Origine:$ORIGINE')>
<img src='../img_cetoine/{$ligne['IMAGEV']}' border='0' class='image' align='middle' alt='Cliquez pour Agrandir'>
</a>
                 </td>';
echo '</tr>'; 
}
echo '</table>';
 
j'obtiens une erreur sur la ligne d'image
 
Parse error: parse error, unexpected T_STRING, expecting ',' or ';' in ......
 
Par contre si je supprime tout ce qui concerne l'image :
 
echo '<td><div align='center'><a href=javascript:FenetreImage('../img_cetoine/{$ligne['IMAGE']}','$REFERENCE','Origine:$ORIGINE')>
<img src='../img_cetoine/{$ligne['IMAGEV']}' border='0' class='image' align='middle' alt='Cliquez pour Agrandir'>
</a>
                 </td>';

çà marche.

[koopajah]

Tu utilises des ' ' autour de center alors que l'exemple te montrait de mettre des doubles quotes " "

[pat06]

Non j'ai essayé avec les " (guillemets) au lieu des ' (quotes) c'est pareil.
Merci.

[onirisme]

Essaye avec ce code :

Code :

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

1
2
3
 
echo '<td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/'.$ligne['IMAGE'].','.$REFERENCE.',Origine:'.$ORIGINE.'")>
<img src="../img_cetoine/'.$ligne['IMAGEV'].' border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td>';

[pat06]

super avec le code suivant :

Code :

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

1
2
3
 
            echo '<td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/'.$ligne['IMAGE'].','.$REFERENCE.',Origine:'.$ORIGINE.'")>
<img src="../img_cetoine/'.$ligne['IMAGEV'].'" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td>';

pas d'erreur.

Il affiche correctement la ligne avec l'image en vignette, mais lorsque je clique pour agrandir l'image il ne reconnaît plus chemin. Mais c'est presque bon.

[onirisme]

Regarde le code généré par php pour voir le chemin défini par <a href=javascript:FenetreImage("../img_cetoine/'.$ligne['IMAGE'].'(etc...)

A quoi correspondent $origine et $REFERENCE?

Ils font parti du chemin?

Donne le code généré ainsi que ce qu'il devrait y avoir à la place...

Pourquoi une "," dans le chemin de l'image?

[pat06]

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
</head>
</body>
<script type="text/javascript"> 
<!-- 
function FenetreImage(image, commentaire, commentaire2)
 { 
  oFenetre = window.open('','Image','width=600,height=600,toolbar=no,scrollbars=no,resizable=no');
  oFenetre.document.write("<html><head><title>"+commentaire+"</title></head>"); 
  oFenetre.document.write("<script type=\"text/javascript\">function AjusteFenetre() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+2,document.images[0].height+100); window.focus();} else { setTimeout('AjusteFenetre()',1000) } }</"+"script>");
  oFenetre.document.write("<body onload='AjusteFenetre()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>"); 
  oFenetre.document.write("<table width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><tr><td valign='middle' align='center'>"); 
  oFenetre.document.write("<img src='"+image+"' border='0' alt='"+commentaire2+"' title='"+commentaire2+"'>");
  oFenetre.document.write("</td></tr></table></body></html>"); 
  oFenetre.document.close(); 
 } 
//--> 
</script>
<font color=#CC3300><big><b><i>Rappel de vos critères :</i></b></big></font><br><br><table border=0 cellpadding=3 cellspacing=3><tr><td><font color=#3300ff>Le nom contient &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</font></td><td><font color=#009999>Non renseigné</font></td></tr><tr><td><font color=#3300ff>La disponibilité est&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: </font></td><td><font color=#009999>Non renseignée</font></td></tr><tr><td><font color=#3300ff>La famille choisie &nbsp;&nbsp;&nbsp;&nbsp;: </font></td><td><font color=#009999>Cerambycidae</font></td></tr></table><table width='100%' border='1' bordercolor=#FFCC66 bgcolor=#FFFFCC cellpadding='4' cellspacing='0'><tr> <td colspan='7'></td></tr>; 
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Référence</strong></font></div></td>
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Nom</strong></font></div></td>
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Famille</strong></font></div></td>
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Origine</strong></font></div></td>
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Prix</strong></font></div></td>
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Dispo</strong></font></div></td>
      <td><div align='center'><font color=#FF6600 size='3' face='Arial, Helvetica, sans-serif'><strong>Image</strong></font></div></td>			
      </tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Ancy_trib</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Ancyclotonus Tribulus</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>27 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Ancy_trib,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Mallo_down</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Mallodon downesi</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>3 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Mallo_down,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Macr_seri</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Macrotoma serripes</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>2 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Macr_seri,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Tith_yolo</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Tithoes yolophus</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>2 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Tith_yolo,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Eury_esau</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Eurysops esau</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>4 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Eury_esau,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Zogr_rega</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Zographus regalis</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>2 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Zogr_rega,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Ster_pulc</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Sternotomis pulcra</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>1 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Ster_pulc,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr><tr onmouseover="this.style.background='#F0FFF0';" onmouseout="this.style.background='#FFFFCC';"><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Petr_giga</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Petrognata gigas</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>Cerambycidae</strong></font></div></td><td><div align="left"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>CI</strong></font></div></td><td><div align="right"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>6 €</strong></font></div></td><td><div align="center"><font color='#FF6600' size="2" face="Arial, Helvetica, sans-serif"><strong>O</strong></font></div></td><td><div align="center"><a href=javascript:FenetreImage("../img_cetoine/No_dispo.jpg,Petr_giga,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir"></a></td></tr></table></body>
</html>

Je te passe le code complet généré par PHP. Tu peux voir que :

j'appelle la fonction javascript FenetreImage(image, commentaire, commentaire2)

ici je prends l'exemple suivant :

Code :

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

1
2
FenetreImage("../img_cetoine/No_dispo.jpg,Petr_giga,Origine:CI")>
<img src="../img_cetoine/V_No_dispo.jpg" border="0" class="image" align="middle" alt="Cliquez pour Agrandir">

où image est : "../img_cetoine/No_dispo.jpg (non reconnue)
où commentaire est CI ($origine) (issu :de la Base de donnée)
où commentaire2 est Petr_giga ($reference :issu de la Base de donnée)

tu peux constater que dans la balise src :

img src="../img_cetoine/V_No_dispo.jpg" l'image vignette est reconnue

voilà.