cohabitation javascript / php

cohabitation javascript / php - PHP - Programmation

Marsh Posté le 04-05-2005 à 21:41:39    

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 :
  1. <SCRIPT TYPE="text/javascript">
  2. <!--
  3. function PopupImage(img) {
  4. titre="..::Yazworld::..";
  5. w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
  6. w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
  7. 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>" );
  8. w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>" );
  9. w.document.write("" );
  10. w.document.write("</BODY></HTML>" );
  11. w.document.close();
  12. </script>


 
mon code php :  
 

Code :
  1. <?
  2. // url du fichier qui contient les images
  3. $urlphoto = "http://yazworld.free.fr/img/pics";
  5. // nom du répertoire qui contient les images
  6. $nomRepertoire = "pics";
  7. $dossier = opendir($nomRepertoire);
  8. while ($Fichier = readdir($dossier))
  9. {
  10.   if ($Fichier != "." && $Fichier != ".." )
  11.   {
  12.     $nomFichier = $Fichier;
  13.     // Hauteur de toutes les images
  14.     $h_vign = "120";
  15.     $taille = getimagesize($nomRepertoire."/".$Fichier);
  16.     $reduc  = floor(($h_vign*100)/($taille[1]));
  17.     $l_vign = floor(($taille[0]*$reduc)/100);
  19. // affichage de l'image en taille réelle dans un popup
  21.     echo "<a href="javascript:PopupImage("$urlphoto/$nomFichier\" )">";
  22.     echo "<img src=\"$urlphoto/$nomFichier\" ";
  23.     echo "width='$l_vign' height='$h_vign'>";
  24.     echo "</a>&nbsp;";
  25.   }
  26. } 
  27. closedir($dossier);
  28. ?>


 
j'ai essayé d'insérer ces deux code séparément dans une page :
 

Code :
  1. <html>
  2. <head>
  3. <SCRIPT TYPE="text/javascript">
  4. <!--
  5. function PopupImage(img) {
  6. titre="..::Yazworld::..";
  7. w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
  8. w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
  9. 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>" );
  10. w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>" );
  11. w.document.write("" );
  12. w.document.write("</BODY></HTML>" );
  13. w.document.close();
  14. </script>
  15. </head>
  16. <body>
  17. <?
  18. // url du fichier qui contient les images
  19. $urlphoto = "http://yazworld.free.fr/img/pics";
  21. // nom du répertoire qui contient les images
  22. $nomRepertoire = "pics";
  23. $dossier = opendir($nomRepertoire);
  24. while ($Fichier = readdir($dossier))
  25. {
  26.   if ($Fichier != "." && $Fichier != ".." )
  27.   {
  28.     $nomFichier = $Fichier;
  29.     // Hauteur de toutes les images
  30.     $h_vign = "120";
  31.     $taille = getimagesize($nomRepertoire."/".$Fichier);
  32.     $reduc  = floor(($h_vign*100)/($taille[1]));
  33.     $l_vign = floor(($taille[0]*$reduc)/100);
  35. // affichage de l'image en taille réelle dans un popup
  37.     echo "<a href="javascript:PopupImage("$urlphoto/$nomFichier\" )">";
  38.     echo "<img src=\"$urlphoto/$nomFichier\" ";
  39.     echo "width='$l_vign' height='$h_vign'>";
  40.     echo "</a>&nbsp;";
  41.   }
  42. } 
  43. closedir($dossier);
  44. ?>
  45. </body>
  46. </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

Reply

Marsh Posté le 04-05-2005 à 21:41:39   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed