Bonsoir à tous
Je fait appel à toute la communauté pour m'aider.voila monsouci. je n ai mais alors jamais programmé en javascript et j'essaie de me débrouiller en php. j'ai une requete sous php qui m affiche la liste de mes articles et en fait il ne fait pas la relation entre l'article et la photo. je me suis renseigner et on ma parler de precharger les images et de creer un tableau js et que php chargerai le script js. Enfin bref j'ai rien compris du tout. Alors si sincerement une ame charitable pouvait je lui en serait trés reconnaissant.
Je vous en supplie aidez moi car je desespere et sans c'est clair je m'en sortirai pas.
Merci a tous ceux qui m aiderons
voici l'url de la page pour voir ce que ca donne : 
[ Lien ]
voici mon code :
<html>
<HEAD>
<TITLE>Script</TITLE>
<SCRIPT LANGUAGE=JavaScript>
var ie=document.all
var ns=document.layers
var ns6=document.getElementById&&!document.all
function enlarge(which,e){
if (ie||ns6){
crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
if (crossobj.style.visibility=="hidden"){
crossobj.style.left=ns6? pageXOffset+e.clientX : document.body.scrollLeft+event.clientX
crossobj.style.top=ns6? pageYOffset+e.clientY : document.body.scrollTop+event.clientY
crossobj.innerHTML='<div align=right id=drag><a href=JAVASCRIPT:></a></div><img src="'+which+'">'
crossobj.style.visibility="visible"
}
else
crossobj.style.visibility="hidden"
return false
}
else if (document.layers){
if (document.showimage.visibility=="hide"){
document.showimage.document.write('<a href=JAVASCRIPT: onMouseover="drag_dropns(showimage)"><img src="'+which+'" width="100" border=0></a>')
document.showimage.document.close()
document.showimage.left=e.x
document.showimage.top=e.y
document.showimage.visibility="show"
}
else
document.showimage.visibility="hide"
return false
}
else
return true
}
function closepreview(){
crossobj.style.visibility="hidden"
}
</SCRIPT>
<div id="showimage" style="position:absolute;visibility:hidden;border:1px solid black"></div>
<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$db = 'IFD';
$link = mysql_connect ($host,$user,$pass) or die ('Erreur : '.mysql_error() );
mysql_select_db($db) or die ('Erreur :'.mysql_error());
$nb_results_p_page = 20;
$nb_avant = 4;
$nb_apres = 6;
$premiere = 1;
$derniere = 0;
$courant = empty($_GET['page']) ? 1 : $_GET['page'];
$start = ($courant - 1) * $nb_results_p_page; // start (requete mysql)
$chemin_logo = "./img/logo/";
$chemin_photo = "./img/article/";
$caraArticle ="SELECT A.*, M.logo, C.libelleCategorie, SC.libelleSousCategorie " .
"FROM ARTICLE A, MARQUE M, CATEGORIE C, SOUS_CATEGORIE SC " .
"WHERE refArticle = " . $refArticle .
" AND A.idMarque = M.idMarque AND A.idCategorie = C.idCategorie " .
" AND A.idSousCategorie = SC.idSousCategorie";
$resultat =mysql_query( $caraArticle);
$result = mysql_query("SELECT count(refArticle) FROM article WHERE idSousCategorie='$idSousCategorie'");
if(!$result)
{
header("location: erreur.php");
exit;
}
$ret = mysql_fetch_array($result);
$nb_results = $ret[0];
$result = mysql_query("SELECT A.refFournisseur, A.designation, A.descriptif, A.prixHt, M.libelleMarque, refArticle FROM ARTICLE A, MARQUE M WHERE A.idMarque = M.idMarque AND A.idSousCategorie = ". $idSousCategorie." ORDER BY A.designation ASC LIMIT $start, $nb_results_p_page");
if(!$result)
die('Une erreur s\'est produite, veuillez nous en excuser<br>' . mysql_error());
$total = mysql_num_rows($result);
if($total) {
echo "<TABLE BORDER='0'>";
echo "<TR>";
echo '<tr>';
echo '<td bgColor=#f9e592><font size="2" color="#000000"><b>Ref. Frs</b></font></td>';
echo '<td bgColor=#f9e592><font size="2" color="#000000"><b>Designation</b><font></td>';
echo '<td bgColor=#f9e592><font size="2" color="#000000"><b>Marque</b></font></td>';
echo '<td bgColor=#f9e592><font size="2" color="#000000"><b>Prix HT</b></font></td>';
echo '</tr>'."\n";
while($row = mysql_fetch_array($result)) {
echo "<tr onMouseOver=\"this.bgColor='#EAEAEA';\" bgcolor='#ffffff' onMouseOut=\"this.bgColor='#ffffff';\">";
echo '<a href='.$chemin_photo.$photo.' onMouseover="return enlarge(\''.$chemin_photo.$photo.'\',event)">';
echo '<td><font size="2" color="#000000"><a href=affichage_article.php?refArticle='.$row['refArticle'].'>'.$row['refFournisseur'].'</b></font></a></td>';
echo '<td><font size="2" color="#000000"><a href=affichage_article.php?refArticle='.$row['refArticle'].'>'.$row['designation'].'</b></font></a></td>';
echo '<td><font size="2" color="#000000"><a href=affichage_article.php?refArticle='.$row['refArticle'].'>'.$row['libelleMarque'].'</b></font></a></td>';
echo '<td><font size="2" color="#000000"><p align="right"><a href=affichage_article.php?refArticle='.$row['refArticle'].'>'.$row['prixHt'].' €</p></b></font></a></td>';
}
echo '</table>'."\n";
}
else echo '<font size="3" color="#0000FF">désoler aucun produit disponible pour le moment dans cette catégorie... En effet notre site est encore en construction. Faites appel a notre equipe commerciale.</font></a> <td><img border="0" src="images/construction.jpg" width="160" height="160"></p></td>';
mysql_free_result($result);
$nb_pages = ceil($nb_results / $nb_results_p_page);
$avant = $courant > ($nb_avant + 1) ? $nb_avant : $courant - 1;
$apres = $courant <= $nb_pages - $nb_apres ? $nb_apres : $nb_pages - $courant;
echo '<p> </p>';
if($premiere && $courant - $avant > 1)
echo '<a href="' . $_SERVER['SCRIPT_NAME'] . '&idSousCategorie=' . $idSousCategorie . '">Première</a> ';
if($courant > 1)
echo '<a href="' . $_SERVER['SCRIPT_NAME'] . '?page=' . ($courant - 1) . '&idSousCategorie=' . $idSousCategorie . '">Précédente</a> ';
for($i = $courant - $avant; $i <= $courant + $apres; $i++)
{
if($i == $courant)
echo '<span >' . $i . '</span> ';
else
echo '<a href="' . $_SERVER['SCRIPT_NAME'] . '?page=' . $i . '&idSousCategorie=' . $idSousCategorie . '">' . $i . '</a> ';
}
if($courant < $nb_pages)
echo '<a href="' . $_SERVER['SCRIPT_NAME'] . '?page=' . ($courant + 1) . '&idSousCategorie=' . $idSousCategorie . '">Suivante</a> ';
if($derniere && $courant + $apres < $nb_pages)
echo '<a href="' . $_SERVER['SCRIPT_NAME'] . '?page=' . $nb_pages . '&idSousCategorie=' . $idSousCategorie . '">Dernière</a> ';
?>
</HTML>