yaz17 | Bonsoir à tous,
voilà je suis en train de créer une page sur laquelle seront affichées en miniature des images contenu dans un dossier, je voudrais appeler une fonction javascript pour que lorsqu'on click sur une image celle-ci s'affiche en taille réel dans un popup.
Je voudrais savoir comment appeler mon code javascript à partir de mon code php.
Voici mes 2 codes :
javascript :
Code :
- <SCRIPT TYPE="text/javascript">
- <!--
- function PopupImage(img) {
- titre="..::Yazworld::..";
- w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
- w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
- w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>" );
- w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>" );
- w.document.write("" );
- w.document.write("</BODY></HTML>" );
- w.document.close();
- </script>
|
mon code php :
Code :
- <?
- // url du fichier qui contient les images
- $urlphoto = "http://yazworld.free.fr/img/pics";
- // nom du répertoire qui contient les images
- $nomRepertoire = "pics";
- $dossier = opendir($nomRepertoire);
- while ($Fichier = readdir($dossier))
- {
- if ($Fichier != "." && $Fichier != ".." )
- {
- $nomFichier = $Fichier;
- // Hauteur de toutes les images
- $h_vign = "120";
- $taille = getimagesize($nomRepertoire."/".$Fichier);
- $reduc = floor(($h_vign*100)/($taille[1]));
- $l_vign = floor(($taille[0]*$reduc)/100);
- // affichage de l'image en taille réelle dans un popup
- echo "<a href="javascript:PopupImage("$urlphoto/$nomFichier\" )">";
- echo "<img src=\"$urlphoto/$nomFichier\" ";
- echo "width='$l_vign' height='$h_vign'>";
- echo "</a> ";
- }
- }
- closedir($dossier);
- ?>
|
j'ai essayé d'insérer ces deux code séparément dans une page :
Code :
- <html>
- <head>
- <SCRIPT TYPE="text/javascript">
- <!--
- function PopupImage(img) {
- titre="..::Yazworld::..";
- w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
- w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
- w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>" );
- w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>" );
- w.document.write("" );
- w.document.write("</BODY></HTML>" );
- w.document.close();
- </script>
- </head>
- <body>
- <?
- // url du fichier qui contient les images
- $urlphoto = "http://yazworld.free.fr/img/pics";
- // nom du répertoire qui contient les images
- $nomRepertoire = "pics";
- $dossier = opendir($nomRepertoire);
- while ($Fichier = readdir($dossier))
- {
- if ($Fichier != "." && $Fichier != ".." )
- {
- $nomFichier = $Fichier;
- // Hauteur de toutes les images
- $h_vign = "120";
- $taille = getimagesize($nomRepertoire."/".$Fichier);
- $reduc = floor(($h_vign*100)/($taille[1]));
- $l_vign = floor(($taille[0]*$reduc)/100);
- // affichage de l'image en taille réelle dans un popup
- echo "<a href="javascript:PopupImage("$urlphoto/$nomFichier\" )">";
- echo "<img src=\"$urlphoto/$nomFichier\" ";
- echo "width='$l_vign' height='$h_vign'>";
- echo "</a> ";
- }
- }
- closedir($dossier);
- ?>
- </body>
- </html>
|
Mais cette technique ne fonctionne pas apparament puisqu'elle me renvoi une erreur.
Voilà si vous avez une solution à mon probleme ce serait sympa de m'aider.
Merci |
