Bonjour, je m'adresse ici car j'ai tout essayé pour répondre à mon problème en vain et je ne suis pas un specaliste du language javascript.
J'ai créer un une page php qui fonctionne : elle affiche 3 miniatures et une image plus grande dans les cellules de mon tableau (<table>). Pour cela j'utilise du php pour aller chercher mes photos dans ma base de donnée ainsi qu'une fonction javascript pour afficher mes miniatures en grand dans un cellule specifique de mon tableau. Pour réaliser ca j'utilise un 'while' qui, à chaque passage de boucle, affiche une table . Ca fonctionne parfaitement sur la premiere cellule de mon tableau mais le problème est pour les tableaux suivant qui sont générés par le while. Si je clique sur une miniature dans le tableau suivant alors l'image s'affiche toujours en grand dans la premiere cellule du premier tableau (en haut à gauche) et non dans le tableau respectif qui est visé. Je n'arrive pas à solutioner.
Voici une partie de mon code si quelqu'un à une idée :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>TITRE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<script language="javascript" type="text/javascript">
function AfficheMaxi(a)
{
document.getElementById('ZonePrMax').innerHTML ="<img src='images/"+a+"' />";
}
</script>
</head>
<body>
<?php
$link = mysql_connect("localhost","root","") or die("erreur de connexion au serveur");
mysql_select_db("voitures",$link) or die("erreur de connexion a la base de donnees");
$reponse = mysql_query("SELECT * FROM vehicules");
while ($donnees = mysql_fetch_array($reponse) )
{
?>
<!-- Corps du tableau contenant les vehicules avec leurs photos -->
<div id="corpstableau">
<table class="corpstableau">
<tr>
<td rowspan="2" class="element_corps_tableauvehicules" id="ZonePrMax">
<?php
echo '
<img src="images/'.$donnees['image1'].'"/>';
?>
</td>
<td>
<?php
echo '<img src="miniatures/'.$donnees['image3'].'" onclick="AfficheMaxi(\''.$donnees['image3'].'\');" />';
?>
</td>
<tr>
<td>
<?php
echo '<img src="miniatures/'.$donnees['image2'].'" onclick="AfficheMaxi(\''.$donnees['image2'].'\');" />';
?>
</td>
<td>
<?php
echo '<img src="miniatures/'.$donnees['image1'].'" onclick="AfficheMaxi(\''.$donnees['image1'].'\');" />';
?>
</td>
</tr>
</tr>
</table>
</div>
<?php
}
mysql_close($link); // Déconnexion de MySQL
?>
</body>
</html>