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

**urbanspike** · 27/09/2005, 20h16

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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. ??

**tony montana** · 27/09/2005, 20h48

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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).

**urbanspike** · 27/09/2005, 21h29

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>';
   }

**tony montana** · 27/09/2005, 21h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

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

Langage PHP

Vue hybride

Discussions similaires

Partager

Partager