Popup selon l'image ouverte [Résolu]

[dancom5]

Bonjour.

Voici un Popup :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
		<SCRIPT LANGUAGE="JavaScript">
			<!-- 
			function popUp(URL) {
			day = new Date();
			id = day.getTime();
			eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=640,height=480,left = 112,top = 84');");
			}
			-->
		</script>
 
 
<a href="javascript:popUp('fichier.jpg')">popup</a>

Je voudrais modifier ce code pour que le popup puisse s'ajuster à la grandeur de l'image qu'il ouvre. Je ne sais pas comment faire.

J'ai essayé 100%, ça va pas.

De l'aide sur mon code serait appréciée. Merci.

[ABCIWEB]

Enlève la partie "eval("page" + id + " =" je vois pas à quoi ça sert et garde simplement :

Code :

window.open(URL,'nom_fenetre','toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,width=640,height=480,left=112,top=84');

Par ailleurs "'fichier.jpg" n'est pas un nom d'url valide !

[dancom5]

Merci pour la précision :

Envoyé par ABCIWEB

Enlève la partie "eval("page" + id + " =" je vois pas à quoi ça sert et garde simplement :

Code :

window.open(URL,'nom_fenetre','toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,width=640,height=480,left=112,top=84');

C'est fait!

Mais, comment je pourrais faire pour que ma fenêtre s'ajuste en fonction de l'image?

[ABCIWEB]

Soit tu récupère les dimensions par exemple en php et tu les passe dans ta fonction quand tu fais window.open,
Soit tu ne peux pas les connaître et tu fais ouvrir ton image dans un popup avec de petites dimensions et tu utilises window.resizeTo().

[dancom5]

Salut j'ai fait le test suivant et ça ne fonctionne pas.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
		$resultat = "SELECT * FROM ori_images";
		$result = mysqli_query($connexion,$resultat);
 
 
		while ($ligne = mysqli_fetch_assoc($result)){
 
			$size = getimagesize('admin/images/'.$ligne['images']);
 
		echo "
		<SCRIPT LANGUAGE=\"JavaScript\">
			<!-- 
			function popUp(URL) {
			window.open(URL, 'nom_fenetre','toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,$size[0],$size[1],left=112,top=84');
  		}
			-->
		</script>
		";
 
			echo '<a href="javascript:popUp(\'admin/images/'.$ligne['images'].'\')"><img src="admin/images/thumb_'.$ligne['images'].'" width="90" height="90" border="0"></a>';
 
		}

Pourtant getimagesize donne un résultat mais dans mon contexte, à cause du javascript, ça marche pas.

Je m'en remets à vos aide!

[Billy KiT]

Salut, peut-être en remplaçant :

Code :

$size[0],$size[1],

par

Code :

width=$size[0],height=$size[1],

[dancom5]

Je pense qu'il faut que je refasse la fonction javascript pour que
le url soit dans le lien ainsi que les dimensions.

actuellement, les dimension sont dans la fonction plutot que dans
le url.

Si quelqu'un peut m'aider à reconstruire la fonction j'apprécierais.

function xxxx


<a href="javascript...">
ici le fichier et les dimensions

En javascript je suis null

[Bovino]

Comment veux-tu que ça marche, tu crées des fonctions JavaScript dans une boucle while en PHP... elles ont donc toutes le même nom et donc chacune va écraser la précédente.

[dancom5]

Bien, j'ai viens de résoudre le problème :

Code :

1
2
3
4
5
6
7
8
9
10
11
		while ($ligne = mysqli_fetch_assoc($result)){
 
		$size = getimagesize('admin/images/'.$ligne['images']);
 
				echo '<tr>';
				echo '<td width="10%" valign="top" bgcolor="#F7FAF3"><A HREF="#" onClick="window.open(\'admin/images/'.$ligne['images'].'\',\'fen1\',\'toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width='.$size[0].', height='.$size[1].', left=11, top=11\');return(false)"><img src="admin/images/thumb_'.$ligne['images'].'" width="90" height="90" border="0"></a></td>';
				echo '<td width="*" valign="top" bgcolor="#F7FAF3"><div style="background-color:#5F7939;text-align:center;color:#ffffff;font-size:1em;font-family:Verdana;font-weight:900;padding:2px;">#'.$ligne['id'].' - '.Coupure($ligne['titre'],65).'</div><br><div style="margin-left:6px;margin-right:6px;">'.Coupure($ligne['desc'],333).'</div></td>';
				echo '</tr>';
 
		}
		echo '</table>';

La solution est de trouver la manière de tout mettre à l'intérieur de <a href=""> en javascript et mettre juste en avant getimagesize.

ça fonctionne super bien. C'est comme je voulais.

Envoyé par Bovino

Comment veux-tu que ça marche, tu crées des fonctions JavaScript dans une boucle while en PHP... elles ont donc toutes le même nom et donc chacune va écraser la précédente.

[ABCIWEB]

C'est bien mais la fonction getimagesize est assez gourmande en ressources... Pour cette raison on enregistre souvent les dimensions des images en bdd, ce qui permet d'éviter d'avoir à les recalculer (à chaque chargement de la page dans ton cas).