Popup et galerie photos

Version imprimable

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

Code:

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 !

31/01/2011, 22h19
NoSmoking

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.
01/02/2011, 12h18
javatwister

essaie explicitement w=window.open :question:
01/02/2011, 13h16
Bovino

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

Changer en window.open ne fonctionne pas.

Voila tout le code

Code:

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 ?

01/02/2011, 17h39
Bovino

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 ?
01/02/2011, 21h20
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 ?
01/02/2011, 22h06
NoSmoking

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.

Ah ok :)
Le voilà

Code:

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
 
 
 

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

01/02/2011, 22h38
NoSmoking

par exemple

Code:

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

devrait être

Code:

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

et pour les autres aussi...
02/02/2011, 10h04
polux31

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 ?
02/02/2011, 12h37
Bovino

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 ? :koi:

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

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:

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

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

02/02/2011, 12h55
Bovino

Code:

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

:roll:
02/02/2011, 13h08
polux31

Non mais cette honte...:oops:
Désolé et merci je pars vite...
Bonne continuation et merci beaucoup :mouarf: