[PHP-JS] Ouvrir des fenêtres popup avec php

Version imprimable

20/02/2007, 13h53
bodysplash007

[PHP-JS] Ouvrir des fenêtres popup avec php

Bonjour

En fait je cherche a ouvrir un popup grace a du php.

Voici le problème
J'aimerai lorsque je clique sur un bouton ,de pouvoir ouvrir une autre page php dans une fenetre popup.

Pouvez vous m'aider??

Merci d'avance

:cry::arf:
20/02/2007, 14h06
arnobase

il faut passer par du javascript inclus eventuellement dans un script php
20/02/2007, 14h14
bodysplash007

Popup

Merci mais tu n'aurais pas un exemple de script en javascript car la j'y connais que dalle

Merci d'avance

:arf:
20/02/2007, 15h03
bodysplash007

Popup Again

J'ai réussi a mettre du javascript pour ouvrir le popup a la page souhaitée, le hic c'est que dans page inclue dans le popup, j'utilise un formulaire. Et lorsque je le post il m'affiche la page concernée dans le même popup :arf:

J'aimerai lorsque je post mon formulaire de pouvoir retourner dans la page affecte par l'action du formulaire mais qu'elle ne s'affiche pas dans le popup, j'ai essayé une fermer le popup lorsque je clique sur le bouton mais le prob c'est que il n'effectue pas le post dans ce cas la :arf:

Quelqu'un pourrait-il m'indiquer une solution??

Merci

:help:
20/02/2007, 15h29
guidav

Les gif animés, c'est pour nous faire mal au crâne ?

J'ai l'impression qu'il faut faire dialoguer 2 fenêtres, pour ça tu peux utiliser en javascript window.opener.location
20/02/2007, 16h28
arnobase

mhhh jene sais pas si ca passera le formulaire en post du coup... le mieux serait peut-etre de valider ton formulaire dans ton popup puis de le fermer une fois tout ca envoyé avec un petit timeout et un petit "merci d'avoir rempli ce formulaire"
20/02/2007, 16h50
bodysplash007

Ben je valide mon formulaire dans mon popup mais comme dois-je procéder pour le time out etc... je vois pas très bien
20/02/2007, 17h02
arnobase

hé bien tu traites ton formulaire exacteement comme tu le ferais dans ta première page (je suppose en php ?) et puis à la fin tu met une petite fonction javascript genre setTimeout("window.close()",5000);
20/02/2007, 17h38
mathieugamin

Salut !
Plus simple, tout à fait efficace, mais ne fonctionne plus avec FF2 :

Code:

<input type="submit" name="sumit" onclick="opener.location.reload(); window.close();" />

Et woilà 8-) :mouarf:
20/02/2007, 17h40
mathieugamin

Ou mieux, dans la balise <form>, tu ajoutes

Code:

onsubmit="opener.location.reload(); window.close();"

Comme ça, si le visiteur valide le formulaire par la touche Entrée, la page est quand même rechargée... ;)

Bon courage, pense à :resolu: et aide les autres quand tu le sentiras!;)
21/02/2007, 09h38
bodysplash007

Popup Mon Amour :d

J'ai essayé ta méthode ça marche jusqu'a un certain point, je m'explique: quand je clique sur mon bouton pour envoyer le formulaire, il ferme bien la fenetre mais le formulaire n'est pas poster car la page mere doit normalement changer lors de la mise a jour et ça ne le fait pas meme si je raffraichi la page y a t'il un autre moyen????
21/02/2007, 09h46
bodysplash007

Donc j'ai suivi tes instruction voici ma balise FORM

echo "<FORM method=\"post\" action=\"index.php\" enctype=\"multipart/form-data\" onsubmit=\"opener.location.reload(); window.close();\">";

Si je mets ça il fait ce que j'ai mis au post précédent. Mais le fait que mon action est sur une autre page, ici index.php n'influence t'il pas????

Merci a tou qui pourra m'aider
21/02/2007, 10h06
mathieugamin

Ta page index.php c'est la page appelante (celle qui fait apparaître la pop-up)?

Si oui, tu n'a pas besoin de faire un reload, ça le fait automatiquement en envoyant ton formulaire, tu n'as qu'à laisser window.close().

Sinon, tu mets le code PHP dans la page de ta pop-up et tu la traites avant de refermer le formulaire, donc tu enlèves

Code:

action="index.php"

comme ça ta page appelante sera rechargée avec les infors que tu viens de mettre...
21/02/2007, 10h08
mathieugamin

Code:

enctype=\"multipart/form-data\"

Ca t'en as besoin que si tu upload un fichier... Ne le mets pas si ce n'est pas le cas.

Les balises en majuscules, c'est mal.
Fais-le plutôt comme ça :

Code:

echo "<form method=\"POST\" action=\"\" onsubmit=\"opener.location.reload(); window.close();\">";

;)

ça marche toujours pas , pourtant je sens qu'il y a moyen donc je vais mettre les bouts de codes pour mon popup et la page appelante

ça c'est le lien hypertexte que j'emploie pour ouvrir mon popup(index.php)

Code:

echo"<a href=\"index.php?action=photo\" onclick=\"window.open('modifphoto.php','xa','menubar=0,location=0,scrollbars=1,width=400,height=300')\">lien</a>";

et ça c'est mon popup (modifphoto.php)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <?php echo " <CENTER> Cliquez sur parcourir pour choisir votre photo<BR>"; echo " Ensuite, cliquez sur envoyez pour mettre à jour votre photo"; echo " <FORM method=\"post\" enctype=\"multipart/form-data\" onsubmit=\"window.close();\">"; echo " <INPUT type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"1000000\">"; echo " Ma photo: <INPUT type=\"file\" name=\"photo\" size=\"50\">"; echo " <P>"; echo" </CENTER>"; echo " <CENTER>"; echo " <INPUT type=\"submit\" name=\"cmdUpdatephoto\" value=\"Envoyer\" >"; echo " <CENTER>"; echo " </FORM>"; ?>
J'ai ajoute ce que tu m'a conseille, mais il ferme bien mon popup mais rien ne se passe les infos ne sont pas updater lorsque je reviens a index.php meme après un refresh de la page

:arf:

Ben oui, il est où le code qui traite les données que tu as transmises....8O

Si tu soumets ton formulaire et qu'il n'est pas traité, c'est comme si tu envoyais un formulaire vide !

Où récupères-tu la photo par exemple?
Ensuite, tu n'as pas besoin de PHP pour écrire ton formulaire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <CENTER> Cliquez sur parcourir pour choisir votre photo<BR> Ensuite, cliquez sur envoyez pour mettre à jour votre photo <FORM method="post" enctype="multipart/form-data" onsubmit="window.close();"> <INPUT type="hidden" name="MAX_FILE_SIZE" value="1000000"> Ma photo: <INPUT type="file" name="photo" size="50"> </CENTER> <CENTER> <INPUT type="submit" name="cmdUpdatephoto" value="Envoyer"> </CENTER> </FORM>
Pense également à fermer tes balises HTML (je l'ai fait là), j'ai ôté un <p> qui ne servait à rien aussi.
Mets tes balises en minuscules.

Pour le traitement de ton formulaire, regarde ce tutoriel qui est très bien fait.

Si ça ne marche toujours pas, reviens, mais là, tu as tous les éléments pour réussir !;)

21/02/2007, 10h37
bodysplash007

En fait le code n'est pas de moi, je fais juste des modif d'un gars qui a pondu ce code. En fait si j'ai bien compris comment ça marche, lors du post il ecrit dans un fichier un variable $action qui effectue l'upload de l'image, cela marche sans prob. si j'ouvre une autre page avec le meme code il y a pas de problème. mais mon maitre de stage m'a demande de le realisé via un popup en fait. Le hic c'est que le taré qui a pondu le code que je trifouille utilise des fonctions repartie dans 3-4 fichier distinct c'est ma folie, mais le formulaire est bien traité, d'ailleurs si je vire window.close et que je laisse action="index.php" il traite l'image et la rajoute a la page mais elle s'affiche dans le popup. Mais en le fermant je fais un refresh de ma page mere et la la mise a jour a fonctionné, ce qui m'embete c'est le fait que la page index.php qui est traité (donc après mon POST) s'affiche dans mon popup.
21/02/2007, 10h44
bodysplash007

En gros il faudra que l'action de mon formulaire en popup se fasse sur la page mère directement, je sais pas si c'est possible
21/02/2007, 10h49
mathieugamin

La page mère c'est pas index.php ?
Peux-tu me montrer le code (tout le code) qui est sur ta page pop-up ?
21/02/2007, 10h51
bodysplash007

ben si ma page mere c'est index.php, et le code de mon popup est celui que j'ai poster plus haut. mais ce que j'arrive pas c'est a partir du popup valider mon Form et que l'action se fasse sans que la page index.php s'ouvre dans le popup.
21/02/2007, 10h55
mathieugamin

Bon, alors peux-tu me filer le code de la page index.php ?

Je vais voir ce que je peux faire... et au moins t'aiguiller

Voici voila le code de ma page index.php bon amusement lol tu verras c'est chaud, je dois faire ça dans le cadre d'un stage de fin d'annes c'est la misère.

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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<?php
 
 
/********************************************************************/
 
function PrintUpdatePhoto()
{
require_once("./menu.php");
PrintMenu();
 
echo "<SCRIPT language=\"JavaScript\" src=\"photo.js\"></SCRIPT>";
echo "<CENTER>";
echo "<TABLE height=337 width=650 border=0>";
 
echo "  <TR><TD class=title colspan=2 height=21>Ins&eacute;rer votre photo par internet</TD></TR>";
 
echo "  <TR><TD colspan=2 height=3></TD></TR>";
 
echo "  <TR><TD class=text valign=top>";
 
echo "    <p> La photo a ins&eacute;rer doit &ecirc;tre digitale. ";
echo "    Elle doit se trouver sur le dique dur de votre ";
echo "    ordinateur. Le format peut &ecirc;tre en";
echo "    <B>.jpg .gif</B> ou <B>.png</B>";
echo "    et sa taille ne peut d&eacute;passer ";
echo "    <B>1 MB</B>. Votre photo doit avoir le format \"portrait\".<P>";
echo "    Le choix de votre photo est tr&egrave;s important ";
echo "    et peut influencer consid&eacute;rablement ";
echo "    le nombre des visites sur votre page. Il est ";
echo "    n&eacute;cessaire d'utiliser une photo claire ";
echo "    o&ugrave; vous apparaissez si possible en gros plan.";
echo "    </TD>";
 
require_once("./easyDB.php");
$db = openDB();
 
$sql  = "SELECT photo,sexe";
$sql .= "  FROM person";
$sql .= " WHERE id=".$_SESSION['g_userid'];
 
$result = mysql_query($sql,$db);
 
$row = mysql_fetch_object($result);
if($row->sexe== 1) $sexe_ok=1;  
elseif($row->sexe== 2) $sexe_ok=0;
if ($row->photo)
  {
  echo "    <TD width=135 align=right>";
  echo "    <IMG src=\"members/".$row->photo."_x125.jpg\" width=\"125\" border=0>";
  ///////  modif
echo "    <FORM method=\"post\" action=\"index.php\" align=left >";
echo "    <P>";
echo "    <CENTER>";
echo "    <INPUT type=\"submit\" name=\"cmdsupprimerphoto\" value=\"Supprimer\">";
 
echo "    <CENTER>";
echo "    </FORM>";  
/////////
 
///-----------------------modif PHoto--------------------------------
 
echo "    <FORM method=\"post\" action=\"modifphoto.php\" align=left >";
echo "    <P>";
echo "    <CENTER>";
echo "    <INPUT type=\"submit\" name=\"cmdmodif\" value=\"Modifier\">";
echo "    <CENTER>";
echo "    </FORM>";  
echo"<a href=\"index.php?action=photo\" onclick=\"window.open('modifphoto.php','xa','menubar=0,location=0,scrollbars=1,width=400,height=300')\">lien</a>";
///------------------------------------------------------------------
  echo "    </TD>";
 
  }
  else 
  {
     if ($sexe_ok == 1)
		{
			echo "        <TD width=135 height=80 valign=top align=right><IMG";
			echo "        src=\"photos/homme1.png\" ></TD>";
		}
		elseif ($sexe_ok == 0)
		{
			echo "        <TD width=135 height=80 valign=top align=rigt><IMG";
			echo "        src=\"photos/femme_125_153.jpg\" >";
		}
 
 
  echo "    </TD>"; 
  }
 
echo "  <TR><TD class=text colspan=2>&nbsp;<BR>";
echo "    Toutes les photos ins&eacute;r&eacute;es ";
echo "    seront v&eacute;rifi&eacute;es avant d'appara&icirc;tre ";
echo "    sur votre profil. Il faut compter environ ";
echo "    trois jours pour qu'elle soit visible par ";
echo "    les autres membres.</p>";
echo "    <p>Cliquer ";
echo "    sur le lien ci-dessous pour y ins&eacute;rer ";
echo "    une nouvelle photo ou remplacer celle d&eacute;j&agrave; ";
echo "    existante.</p>";
 
 
if ($_SESSION['g_
error'])
  {
  require_once("./liberror.php");
  ShowError($_SESSION['g_error']);
  $_SESSION['g_error'] = "";
  }
 
//echo "    <FORM method=\"post\" action=\"index.php\" enctype=\"multipart/form-data\" onSubmit=\"return CheckForm(this)\">";
//echo "    <INPUT type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"1000000\">";
//echo "    Ma photo: <INPUT type=\"file\" name=\"photo\" size=\"50\">";
//echo "    <P>";
//echo "    <CENTER>";
//echo "    <INPUT type=\"submit\" name=\"cmdUpdatephoto\" value=\"Envoyer\">";
 
//echo "    <CENTER>";
//echo "    </FORM>";
 
echo "    </TD>";
echo "  </TR>";
 
echo "  <TR><TD colspan=2 height=20></TD></TR>";
echo "  <TR><TD class=title colspan=2 height=21>Photos sur papier</TD></TR>";
echo "  <TR><TD colspan=2 height=3></TD></TR>";
 
echo "  <TR> ";
echo "    <TD width=650 colspan=2 class=text>";
echo "      <p>Vous pouvez aussi si vous le d&eacute;sirer nous envoyer votre ";
echo "      photo par la poste &agrave; l'adresse suivante:</p>";
echo "      <CENTER>";
echo "      <TABLE border=0>";
echo "        <TR><TD class=text>";
echo "          <B>Multiscreen SCRL / planetcontact<BR> Quai des Ardennes 50<BR> 4020 LIEGE</B>";
echo "        <TD></TR>";
echo "      </TABLE>";
echo "      </CENTER>";
echo "      <p>&nbsp;</p></TD>";
echo "  </TR>";
 
echo "</TABLE>";
echo "</CENTER>";
}
 
/********************************************************************/
 
function UpdatePhoto($tmp_photo, $type, $size)
{
require_once("./buildscreen.php");
 
if (!$tmp_photo)
  {
  $_SESSION['g_error'] = "La taille de votre photo est trop grande et dépasse <B>1 MB</B>. Veuillez réduire ce fichier et recommencer. Si vous avez des problèmes pour réduire la taille de votre photo, cliquer ici.";
  BuildScreen("photo");
  return;
  }
 
if ($size > 1000000)
  {
  $_SESSION['g_error'] = "La taille de votre photo est trop grande et dépasse <B>1 MB</B>. Veuillez réduire ce fichier et recommencer. Si vous avez des problèmes pour réduire la taille de votre photo, cliquer ici.";
  BuildScreen("photo");
  return;
  }
 
if ($type == "image/pjpeg" || $type == "image/jpeg")
  {
  $photo = imagecreatefromjpeg($tmp_photo);
  }
elseif ($type == "image/x-png" || $type == "image/png")
  {
  $photo = imagecreatefrompng($tmp_photo);
  }
elseif ($type == "image/gif")
  {
  $photo = imagecreatefromgif($tmp_photo);
  }
else
  {
  $_SESSION['g_error'] = "Le format de votre photo doit être en <B>.jpg .gif</B> ou <B>.png</B>. Les autres formats ne sont pas autorisés.";
  BuildScreen("photo");
  return;
  }
 
$x = imagesx($photo);
$y = imagesy($photo);
 
$ratio = $x/$y;
 
if ($ratio >= 1)
  {
  Imagedestroy($photo);
 
  $_SESSION['g_error'] = "Votre photo doit avoir le format \"portrait\".";
  BuildScreen("photo");
  return;
  }
 
if ($ratio < 0.65)
  {
  Imagedestroy($photo);
 
  $_SESSION['g_error'] = "Votre photo est trop étroite.";
  BuildScreen("photo");
  return;
  }
 
require_once("./librandom.php");
$photoname = $_SESSION['g_userid'].makeRandom(5);
 
if (!move_uploaded_file ($tmp_photo, "photos/".$photoname))
  {
  Imagedestroy($photo);
 
  $_SESSION['g_error'] = "Il y a une erreur, veuillez recommencer";
  BuildScreen("photo");
  return;
  }
 
require_once("./easyDB.php");
$db = openDB();
 
$sql  = "SELECT photo";
$sql .= "  FROM person";
$sql .= " WHERE id=".$_SESSION['g_userid'];
 
$result = mysql_query($sql,$db);
 
$row = mysql_fetch_object($result);
 
if ($row->photo)
{
   if (file_exists("photos/".$row->photo))
    {
    unlink("photos/".$row->photo);
    }
 
  if (file_exists("members/".$row->photo."_x125.jpg"))
    {
    unlink("members/".$row->photo."_x125.jpg");
    }
 
  if (file_exists("members/".$row->photo."_y65.jpg"))
    {
    unlink("members/".$row->photo."_y65.jpg");
    }
 
//mettre une photo pour les gens qui ne l'ont pas 	
 
  }
 
$sql  = "UPDATE person";
$sql .= "   SET photo='".$photoname."'";
$sql .= " WHERE id=".$_SESSION['g_userid'];
$result = mysql_query($sql,$db);
 
//---------------------------------------- REQUETE PHOTO qui permet de mettre le champs tri photo a A pour indiquer que les USER en ont
 
$sqlinsertphoto  = "UPDATE person SET triphoto = 'A' ";
 $sqlinsertphoto .= " WHERE id=".$_SESSION['g_userid'];
 $resultinsertphoyto=mysql_query($sqlinsertphoto,$db);
//-----------------------------------------------------------------------------------------------------------------------------------
 
require_once("./libphoto.php");
resize2jpg ($photo, $x, $y, "members/".$photoname, "x", 125);
resize2jpg ($photo, $x, $y, "members/".$photoname, "y", 65);
 
 
Imagedestroy($photo);
 
 
BuildScreen("photo");
}
 
////////////////////////////////////////////////////////:
 
function supprimerPhoto($photo)
{
require_once("./buildscreen.php");
require_once("./easyDB.php");
$db = openDB();
 
$sql  = "SELECT photo,sexe";
$sql .= "  FROM person";
$sql .= " WHERE id=".$_SESSION['g_userid'];
 
 
$result = mysql_query($sql,$db);
 
$row = mysql_fetch_object($result);
 
 
 
if($row->photo)
{
$sql2  = "Update person set photo= NULL";
$sql2 .= " WHERE id=".$_SESSION['g_userid'];
$result2 = mysql_query($sql2,$db) or die(mysql_error());
 
//mettre une photo pour ceux qui n'ont pas de photo 
/*		if ($sexe_ok == 1)
		{
			echo "        <TD width=135 height=80 valign=top align=right><IMG";
			echo "        src=\"photos/homme.jpg\" ></TD>";
		}
		elseif ($sexe_ok == 0)
		{
			echo "        <TD width=135 height=80 valign=top align=rigt><IMG";
			echo "        src=\"photos/femme_125_153.jpg\" ></TD>";
		}*/
 
}
/// ------------------------REQUETE SQL qui permet de UPDATE le champ tri photo lorsqu'on supprimer pour que la valeur devienne NULL
/// Cela servira pour le tri par photo et par date
 
 
 
 $sqlupdate  = "UPDATE person SET triphoto = NULL ";
 $sqlupdate .= " WHERE id=".$_SESSION['g_userid'];
 $resultupdate=mysql_query($sqlupdate,$db);
 
 ///-------------------------FIN REQUETE SQL
BuildScreen("photo");
}
 
?>

C'est la folie ce code!!!!

21/02/2007, 11h15
mathieugamin

Je ne trouve pas le code,
peux-tu mettre le code de libphoto.php et buildscreen.php?
21/02/2007, 11h52
bodysplash007

En fait cest bon j'ai reussi ce que je voulais mais d'une autre manière, j'ai utilise une autre page celle de mon popup à la base. mais je l'ouvre normalement et j'ai fait appel au design qu'il me fallait

Merci quand meme pour le coup de main

:yaisse2: