Popup et galerie photos

polux31 · 30/01/2011, 15h54

Bonjour, j'ai un petit problème dans la conception de ma galerie photo.
Voilà mon code

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
21
22
23
24
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
    w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');    
    w.document.write("<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>");
    w.document.write("</BODY></HTML>");
    w.document.close();
}
</script>
 
 
<?php
$dirname = './photo joueur/';
$dir = opendir($dirname); 
while($file = readdir($dir)) {
	if($file != '.' && $file != '..' && !is_dir($dirname.$file))
	{
		echo '<a href="javascript:PopupImage('.$dirname.$file.')"> 
		<img src="'.$dirname.$file.' "width="100" height="30" border="0" alt=""></a>';
	}
}
 
closedir($dir);
 
?>

Le problème est que les images de ma galerie s'affiche mais impossible de cliquer dessus pour qu'apparaisse l'image dans une popup.
D'où vient mon problème ? ( mes images se trouvent dans le dossier photo joueur)

Merci d'avance !

NoSmoking · 31/01/2011, 22h19

Bonjour,
je ne vois pas de problème à priori dans ton code.
Il faudrait regarder dans le code généré par le PHP, et non le code PHP, pour vérifier que celui ci est propre et n'engendre pas d'erreur.

javatwister · 01/02/2011, 12h18

essaie explicitement w=window.open

Bovino · 01/02/2011, 13h16

Et merci de poster le code HTML généré et non le PHP...

polux31 · 01/02/2011, 17h33

Changer en window.open ne fonctionne pas.

Voila tout le code

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
 
 
 
<?php
session_start();
 
require"admin/config.php";
mysql_connect(DB_HOST,DB_LOGIN,DB_PASS);
mysql_select_db(DB_BDD);
 
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Paris Saint Germain</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" type="text/css" href="feuillestyle.css" /> 
</head>
 
<body>
<div id="site">
 
<div id="header">
 
 
</div>
 
<div id="main">
<div id="side">
 
<ul>
<li class="name"><a href="index.php">NEWS</a></li>
<li>Toutes les news pour vous tenir au courant de l'actu de manière aisée !</li>
</ul>
 
<ul>
<li class="name"><a href="galerie.php">GALERIE</a></li>
<li>Accèder en un clic à la galerie de votre équipe favorite.</li>
</ul>
 
<ul>
<li class="name"><a href="palmares.php">PALMARES</a></li>
<li>Le PSG ne cesse d'accumuler des titres année après année.
Vous ne savez plus vous y retrouvez tellement il y en a ? 
Cliquez ici !</li>
</ul>
 
</div>
 
 
<div id="contenu">
 
<div id="presentation">
 
<img src="images/maillot.jpg" class="logo" alt="kit graphique sport" title="ici votre logo"/>
 
 
 
 
 
 
							   <?php
 
$dirname = './photo joueur/';
$dir = opendir($dirname); 
?>
 
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
    w=window.open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');    
    w.document.write("<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>");
    w.document.write("</BODY></HTML>");
    w.document.close();
}
</script>
 
<a href="javascript:PopupImage('FIN Pauleta FIN.jpg')">
<img src="header.jpg" width="200" height="30" border="0" alt=""></a> 
 
<?php
 
while($file = readdir($dir)) {
	if($file != '.' && $file != '..' && !is_dir($dirname.$file))
	{
		echo '<a href="javascript:PopupImage('.$dirname.$file.')"> 
		<img src="'.$dirname.$file.' "width="100" height="30" border="0" alt=""></a>';
	}
}
 
closedir($dir);
 
?>
</div>
 
 
 
 
 
 
 
 
 
 
 
<div id="footer">
<p>Design y </p>
</div>
 
</body>
</html>

C'est bien cela que vous voulez ?

Bovino · 01/02/2011, 17h39

Citation:

Envoyé par polux31

C'est bien cela que vous voulez ?

Citation:

Envoyé par Bovino

Et merci de poster le code HTML généré et non le PHP...

Le code que tu as posté est du HTML selon toi ?

polux31 · 01/02/2011, 21h20

Bah il y a du HTML et du PHP...
Désolé de ne pas comprendre ce que vous me demandez...
Peux tu être plus précis quant à ce que vous me demandez ?

NoSmoking · 01/02/2011, 22h06

Citation:

Envoyé par polux31

Bah il y a du HTML et du PHP...
Désolé de ne pas comprendre ce que vous me demandez...
Peux tu être plus précis quant à ce que vous me demandez ?

juste avoir le code HTML généré par le PHP, celui visible lorsque l'on fait afficher la source dans les navigateurs, et ce afin de vérifier la validité de celui ci.

polux31 · 01/02/2011, 22h25

Ah ok

Le voilà

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
 
 
 
&#65279;
 
?>
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Paris Saint Germain</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" type="text/css" href="feuillestyle.css" /> 
</head>
 
<body>
<div id="site">
 
<div id="header">
 
 
</div>
 
<div id="main">
<div id="side">
 
<ul>
<li class="name"><a href="index.php">NEWS</a></li>
<li>Toutes les news pour vous tenir au courant de l'actu de manière aisée !</li>
</ul>
 
<ul>
<li class="name"><a href="galerie.php">GALERIE</a></li>
 
<li>Accèder en un clic à la galerie de votre équipe favorite.</li>
</ul>
 
<ul>
<li class="name"><a href="palmares.php">PALMARES</a></li>
<li>Le PSG ne cesse d'accumuler des titres année après année.
Vous ne savez plus vous y retrouvez tellement il y en a ? 
Cliquez ici !</li>
</ul>
 
</div>
 
 
<div id="contenu">
 
<div id="presentation">
 
<img src="images/maillot.jpg" class="logo" alt="kit graphique sport" title="ici votre logo"/>
 
 
 
 
 
 
 
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
    w=window.open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=510, height=210');    
    w.document.write("<HTML><BODY onblur=\"window.close();\"><IMG src='"+img+"'>");
    w.document.write("</BODY></HTML>");
    w.document.close();
}
</script>
 
<a href="javascript:PopupImage('FIN Pauleta FIN.jpg')">
<img src="header.jpg" width="200" height="30" border="0" alt=""></a> 
 
<a href="javascript:PopupImage(./photo joueur/Ceara.jpg)"> 
		<img src="./photo joueur/Ceara.jpg "width="100" height="30" border="0" alt=""></a><a href="javascript:PopupImage(./photo joueur/Coupet.jpg)"> 
		<img src="./photo joueur/Coupet.jpg "width="100" height="30" border="0" alt=""></a><a href="javascript:PopupImage(./photo joueur/Edel.jpg)"> 
		<img src="./photo joueur/Edel.jpg "width="100" height="30" border="0" alt=""></a><a href="javascript:PopupImage(./photo joueur/Sakho.jpg)"> 
		<img src="./photo joueur/Sakho.jpg "width="100" height="30" border="0" alt=""></a><a href="javascript:PopupImage(./photo joueur/Tiene.jpg)"> 
		<img src="./photo joueur/Tiene.jpg "width="100" height="30" border="0" alt=""></a></div>
 
 
 
 
 
 
 
 
 
 
<div id="footer">
<p>Design  </p>
</div>
 
</body>
</html>

NoSmoking · 01/02/2011, 22h38

par exemple

Code :

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

<a href="javascript:PopupImage(./photo joueur/Ceara.jpg)">

devrait être

Code :

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

<a href="javascript:PopupImage('./photo joueur/Ceara.jpg')">

et pour les autres aussi...

polux31 · 02/02/2011, 10h04

Oui je l'avais remarqué qu'en restant sur l'image j'avais ça qui s'affichait et que cela ne me semblait pas correct mais mon problème c'est que mon code php était correct pour moi et que je ne savais pas comment résoudre le problème.
Si vous pouviez me donner un dernier coup de pouce ?

Bovino · 02/02/2011, 12h37

Citation:

mon problème c'est que mon code php était correct pour moi

ce que te fait remarquer NoSmoking, c'est qu'il ne l'est pas et que pour le corriger, il suffit d'ajouter des quotes aux endroits indiqués, qu'est-ce qui te manque ?

polux31 · 02/02/2011, 12h53

Je n'arrive pas à comprendre où est ce que je dois remplacer ça dans mon code car si je rajoute les quote ici

Code :

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

1
2
3
4
5
6
7
while($file = readdir($dir)) {
	if($file != '.' && $file != '..' && !is_dir($dirname.$file))
	{
		echo '<a href="javascript:PopupImage('.$dirname.$file.')"> 
		<img src="'.$dirname.$file.' "width="100" height="30" border="0" alt=""></a>';
	}
}

Au niveau du

Code :

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

 echo '<a href="javascript:PopupImage('.$dirname.$file.')">

La syntaxe n'est pas correct alors ça doit être bête mais je en vois pas...

Bovino · 02/02/2011, 12h55

Code :

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

echo '<a href="javascript:PopupImage(\''.$dirname.$file.'\')">

polux31 · 02/02/2011, 13h08

Non mais cette honte...

Désolé et merci je pars vite...
Bonne continuation et merci beaucoup

01/02/2011, 13h16	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	Et merci de poster le code HTML généré et non le PHP... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

02/02/2011, 12h55	#14
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 802 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 802 Points : 35 807 Points : 35 807	Code : Sélectionner tout - Visualiser dans une fenêtre à part echo '<a href="javascript:PopupImage(\''.$dirname.$file.'\')"> __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

31/01/2011, 22h19	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	Bonjour, je ne vois pas de problème à priori dans ton code. Il faudrait regarder dans le code généré par le PHP, et non le code PHP, pour vérifier que celui ci est propre et n'engendre pas d'erreur.
	00

01/02/2011, 12h18	#3
javatwister Expert Confirmé danseur Inscription : août 2003 Messages : 2 667 Détails du profil Informations personnelles : Sexe : Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : danseur Informations forums : Inscription : août 2003 Messages : 2 667 Points : 3 035 Points : 3 035	essaie explicitement w=window.open
	00

01/02/2011, 21h20	#7
polux31 Nouveau Membre du Club Inscription : juillet 2010 Messages : 196 Détails du profil Informations forums : Inscription : juillet 2010 Messages : 196 Points : 25 Points : 25	Bah il y a du HTML et du PHP... Désolé de ne pas comprendre ce que vous me demandez... Peux tu être plus précis quant à ce que vous me demandez ?
	00

01/02/2011, 22h38	#10
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	par exemple Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="javascript:PopupImage(./photo joueur/Ceara.jpg)"> devrait être Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="javascript:PopupImage('./photo joueur/Ceara.jpg')"> et pour les autres aussi...
	00

02/02/2011, 10h04	#11
polux31 Nouveau Membre du Club Inscription : juillet 2010 Messages : 196 Détails du profil Informations forums : Inscription : juillet 2010 Messages : 196 Points : 25 Points : 25	Oui je l'avais remarqué qu'en restant sur l'image j'avais ça qui s'affichait et que cela ne me semblait pas correct mais mon problème c'est que mon code php était correct pour moi et que je ne savais pas comment résoudre le problème. Si vous pouviez me donner un dernier coup de pouce ?
	00

02/02/2011, 13h08	#15
polux31 Nouveau Membre du Club Inscription : juillet 2010 Messages : 196 Détails du profil Informations forums : Inscription : juillet 2010 Messages : 196 Points : 25 Points : 25	Non mais cette honte... Désolé et merci je pars vite... Bonne continuation et merci beaucoup
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email