[PHP-JS] Affichage d'une image dans une popup à la taille

Version imprimable

Salut,

j'explique mon soucis:

actuellement, j'utilise le code suivant pour afficher dans une nouvelle fen^tre la photo voulu en cliquant sur la miniature:

Code:

1
2
3
4
5
6
7
8
 
// création du lien de la miniature
		$sTargetBlank = ( $bPhotoDansNouvellePage === true ) ? 'target="_blank"' : '';
 
		$aMiniatures[$j]['LIEN_PHOTO']		= "<a href=\"$sCheminPhoto\" $sTargetBlank>".'<img src="'.$sCheminMiniature.'" class="miniature" alt="Photo '.basename($sCheminPhoto).'" /></a>';
		$aMiniatures[$j]['DIM_PHOTO']		= $aImgInfos[0].' x '.$aImgInfos[1];
		$aMiniatures[$j]['SIZE_PHOTO']		= ( intval( filesize( $sCheminPhoto ) / 1024 ) < 1 ) ? filesize( $sCheminPhoto ).' Octets' : intval( filesize( $sCheminPhoto ) / 1024 ).' Ko' ;
		$aMiniatures[$j]['AJOUT_PANIER']	= ( $oPanier->EstDansLePanier( $sCheminPhoto ) ) ? $sRetrait : $sAjout;

voilà je voudrais modifier la ligne de création du lien pour afficher celle-ci dans une popup à la taille de la photo.Je ne vois pas comment faire. ??

salut,
avec un simple <a> tu ne pourra pas préciser les dimensions de la nouvelle fenêtre (pas que je sache du moins :p)
mais tu peux utiliser du javascript : la fonction window.open permet d'ouvrir une nouvelle fenêtre, en lui précisant les dimensions de celle-ci.
j'utilise cette petite fonction javascript :
Code:

1 2 3 4 5 6 function open_popup(url,height,width) { popup_top=((screen.height-height)/2); popup_left=((screen.width-width)/2); window.open(url,"nomfenetre","top="+popup_top+", left="+popup_left+", height="+height+", width="+width); }
elle permet de centrer la popup.
cherche un peu sur google, tu verra que tu peux préciser différentes choses : si tu veux la barre d'adresse, la barre de boutons, ...)
Attention, le paramètre "top" doit être en premier (ou en tout cas avant height et width) pour qu'il soit pris en compte sous Firefox (et je suppose sur tous les navigateurs utilisant Gecko).

J'ai tenté d'insérer ton code dans ma page, mais sa ne fonctionne pas (je débute en php)

Code:

1
2
3
4
5
6
7
 
$aMiniatures[$j]['LIEN_PHOTO']		= echo '<script language="javascript">function open_popup(url,height,width)
   {
   popup_top=((screen.height-height)/2);
   popup_left=((screen.width-width)/2);
   window.open("<a href=\"$sCheminPhoto\">".'<img src="'.$sCheminMiniature.'" class="miniature" alt="Photo '.basename($sCheminPhoto).'" /></a>',"Photo","top="+popup_top+", left="+popup_left+", height="+height+", width="+width)</script>';
   }

salut,
il faut bien prendre en compte que le PHP est coté serveur, il génère une page HTML/Javascript qu'il envoie ensuite au navigateur.

Ensuite les fonctions (qu'elles soient en javascript, php ou autre) c'est tjs le meme principe : il faut l'appeler pour que le code à l'intérieur s'exécute ...

Et la fonction javascript window.open ne prend pas en paramètre le code HTML, mais l'URL de la page à afficher ... (tu peux mettre direct l'URL de l'image si tu veux).

petit ex : test.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <? $url="http://www.google.fr/logos/7th_birthday.gif"; $width=310; $height=120; ?> <html> <head> <script type="text/javascript"> function open_popup(url,height,width) { popup_top=((screen.height-height)/2); popup_left=((screen.width-width)/2); window.open(url,"nomfenetre","top="+popup_top+", left="+popup_left+", height="+height+", width="+width); } </script> </head> <body> <a href="javascript: open_popup(<?php echo "'".$url."',".$height.",".$width; ?>)">lien dans une popup</a> </body> </html>