fermeture popup après validation formulaire [Résolu]

labucque · 25/06/2008, 15h47

Bonjour à tous !
Bon, pas taper svp !
J'ai cherché dans les forums sans trouver ma réponse...

1) J'ouvre un popup depuis index.html-->inscription.php
(comme je suis un jambon en code, j'ai laissé Dreamweaver faire le boulot)

2) Après validation du formulaire, je voudrais que le popup se ferme et laisse aparaître mon index.html qui était là. Simple me direz-vous ?
Mon problème, c'est que j'ai essayé plein de choses du genre window.close(); et autres self.close(); en Javascript, mais rien n'y fait : soit mon popup se ferme, soit je parviens à enregistrer les données du formulaire dans ma base MySQL... mais jamais les deux en même temps...

Si quelqu'un peut m'aider, j'arrête de pleurer dès demain !
Mon code sur inscription.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
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
<?php require_once('Connections/newsletter.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
 
  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
 
  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}
 
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
 
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
  $insertSQL = sprintf("INSERT INTO newsletter (nom, prenom, mail, `annee naissance`, sexe) VALUES (%s, %s, %s, %s, %s)",
                       GetSQLValueString($_POST['nom'], "text"),
                       GetSQLValueString($_POST['prenom'], "text"),
                       GetSQLValueString($_POST['mail'], "text"),
                       GetSQLValueString($_POST['annee_naissance'], "int"),
                       GetSQLValueString($_POST['sexe'], "text"));
 
  mysql_select_db($database_newsletter, $newsletter);
  $Result1 = mysql_query($insertSQL, $newsletter) or die(mysql_error());
  }
 ?>
 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inscription Newsletter Kimmidoll</title>
<style type="text/css">
<!--
.Style8 {font-size: 11px}
.Style9 {color: #CCCCCC; font-family: Arial, Helvetica, sans-serif;}
body {
	background-color: #333333;
}
.Style11 {
	font-size: 11px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
 
 
<script type="text/javascript">
<!--
 
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; 
	  if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' doit être une adresse email valide.\n';
        } 
		else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' doit contenir un nombre.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' doit contenir un nombre entre '+min+' et '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- la case '+nm+' doit être renseignée.\n'; }
    } if (errors) alert('Merci de corriger votre formulaire:\n'+errors);
	else alert ('Merci!')
		document.MM_returnValue = (errors == '');
}	
}
//-->
</script>
</head>
 
<body>
<h1 align="center" class="Style9">Formulaire d'inscription à la newsletter Kimmidoll <br/>
</h1>
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1" onsubmit="MM_validateForm('nom','','R','prenom','','R','mail','','RisEmail','annee_naissance','','RinRange1900:2003');return document.MM_returnValue">
  <table align="center">
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Nom*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="nom" type="text" id="nom" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Prenom*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="prenom" type="text" id="prenom" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Mail*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="mail" type="text" id="mail" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Annee naissance*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="annee_naissance" type="text" id="annee_naissance" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" valign="middle" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Sexe:</div></td>
      <td valign="baseline" class="Style11"><div align="center" class="Style8">
        <table>
          <tr>
            <td width="133" class="Style9"><input type="radio" name="sexe" value="h" />
              homme</td>
            </tr>
          <tr>
            <td class="Style9"><input type="radio" name="sexe" value="f" />
              femme</td>
            </tr>
        </table>
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style8"></div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input type="submit" value="Ok" />
      </div></td>
    </tr>
  </table>
  <input type="hidden" name="MM_insert" value="form1"  />
</form>
 
 
<div align="center"><span class="Style11">Les champs marqués d'un * sont obligatoires.<br/>
Nous n'utiliserons vos coordonnées que pour vous donner des informations sur Kimmidoll. <br/>
Nous nous engageons à ne transmettre aucune des données personnelles que vous nous confiez.</span></div>
 
</body>
 
</html>

Merci aux sympathiques et altruistes courageux !

lucimed · 25/06/2008, 16h01

Bonjour,

Faudra peut etre mieux que tu post ton message sur le forum PHP !!

labucque · 25/06/2008, 16h08

heu... ouais, mais il me semblait plutôt que Javascript servait à ce genre de choses.
De plus, Java est déjà présent dans mon code pour valider le formulaire et comme pour moi c'était la suite logique de la validation...
Enfin, tout jambon peut se tromper

lucimed · 25/06/2008, 16h20

Pour ma part je ne connait pas PHP ... mais ton code est incompréhensible !
Tu commence par une balise PHP ensuite en plein milieu du code t'as le début de ta page HTML (la DTD HTML ...). Il faudra peut etre inclure ton code PHP dans ta page HTML ... bref je dis ça mais j'y connait rien mais déjà ça me semble plus propre !

Bon courage!

labucque · 25/06/2008, 16h29

Ok, bien reçu...
Pour rappel (comme je suis un jambon en code, j'ai laissé Dreamweaver faire le boulot)

J'ai mis un peu d'ordre, c'est vrai que ça peut paraître plus propre. Cela dit, ça ne change pas grand-chose lors de l'exécution....

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
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
 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Inscription Newsletter Kimmidoll</title>
<style type="text/css">
<!--
.Style8 {font-size: 11px}
.Style9 {color: #CCCCCC; font-family: Arial, Helvetica, sans-serif;}
body {
	background-color: #333333;
}
.Style11 {
	font-size: 11px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
 
<?php require_once('Connections/newsletter.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
 
  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
 
  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}
 
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
 
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
  $insertSQL = sprintf("INSERT INTO newsletter (nom, prenom, mail, `annee naissance`, sexe) VALUES (%s, %s, %s, %s, %s)",
                       GetSQLValueString($_POST['nom'], "text"),
                       GetSQLValueString($_POST['prenom'], "text"),
                       GetSQLValueString($_POST['mail'], "text"),
                       GetSQLValueString($_POST['annee_naissance'], "int"),
                       GetSQLValueString($_POST['sexe'], "text"));
 
  mysql_select_db($database_newsletter, $newsletter);
  $Result1 = mysql_query($insertSQL, $newsletter) or die(mysql_error());
  }
 ?>
 
 
 
<script type="text/javascript">
<!--
 
function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; 
	  if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' doit être une adresse email valide.\n';
        } 
		else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' doit contenir un nombre.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' doit contenir un nombre entre '+min+' et '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- la case '+nm+' doit être renseignée.\n'; }
    } if (errors) alert('Merci de corriger votre formulaire:\n'+errors);
	else alert ('Merci!')
		document.MM_returnValue = (errors == '');
}	
}
//-->
</script>
</head>
 
<body>
<h1 align="center" class="Style9">Formulaire d'inscription à la newsletter Kimmidoll <br/>
</h1>
<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1" onsubmit="MM_validateForm('nom','','R','prenom','','R','mail','','RisEmail','annee_naissance','','RinRange1900:2003');return document.MM_returnValue">
  <table align="center">
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Nom*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="nom" type="text" id="nom" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Prenom*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="prenom" type="text" id="prenom" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Mail*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="mail" type="text" id="mail" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Annee naissance*:</div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input name="annee_naissance" type="text" id="annee_naissance" value="" size="32" />
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" valign="middle" nowrap="nowrap" class="Style11"><div align="center" class="Style9">Sexe:</div></td>
      <td valign="baseline" class="Style11"><div align="center" class="Style8">
        <table>
          <tr>
            <td width="133" class="Style9"><input type="radio" name="sexe" value="h" />
              homme</td>
            </tr>
          <tr>
            <td class="Style9"><input type="radio" name="sexe" value="f" />
              femme</td>
            </tr>
        </table>
      </div></td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap" class="Style11"><div align="center" class="Style8"></div></td>
      <td class="Style11"><div align="center" class="Style8">
        <input type="submit" value="Ok" />
      </div></td>
    </tr>
  </table>
  <input type="hidden" name="MM_insert" value="form1"  />
</form>
 
 
<div align="center"><span class="Style11">Les champs marqués d'un * sont obligatoires.<br/>
Nous n'utiliserons vos coordonnées que pour vous donner des informations sur Kimmidoll. <br/>
Nous nous engageons à ne transmettre aucune des données personnelles que vous nous confiez.</span></div>
 
</body>
 
</html>

labucque · 30/06/2008, 09h34

Bonjour,
Je fais un peu les questions et les réponses, … merci à ceux qui ont jeté un oeil quand-même !

Alors voilà la solution que j'ai trouvée et qui marche tout à fait bien (pour l'instant !)
J'ai remplacé la balise <body> par :
<body onunload="javascript:self.close();">

C'est donc bien du Javascript, ce pourquoi j'avais placé cette question sur le forum Javascript et non Php...

25/06/2008, 16h01	#2
lucimed Membre actif Inscription : février 2007 Messages : 139 Détails du profil Informations personnelles : Localisation : France, Haute Garonne (Midi Pyrénées) Informations forums : Inscription : février 2007 Messages : 139 Points : 150 Points : 150	Bonjour, Faudra peut etre mieux que tu post ton message sur le forum PHP !!
	00

25/06/2008, 16h08	#3
labucque Invité de passage Inscription : juin 2008 Messages : 4 Détails du profil Informations forums : Inscription : juin 2008 Messages : 4 Points : 1 Points : 1	heu... ouais, mais il me semblait plutôt que Javascript servait à ce genre de choses. De plus, Java est déjà présent dans mon code pour valider le formulaire et comme pour moi c'était la suite logique de la validation... Enfin, tout jambon peut se tromper
	00

25/06/2008, 16h20	#4
lucimed Membre actif Inscription : février 2007 Messages : 139 Détails du profil Informations personnelles : Localisation : France, Haute Garonne (Midi Pyrénées) Informations forums : Inscription : février 2007 Messages : 139 Points : 150 Points : 150	Pour ma part je ne connait pas PHP ... mais ton code est incompréhensible ! Tu commence par une balise PHP ensuite en plein milieu du code t'as le début de ta page HTML (la DTD HTML ...). Il faudra peut etre inclure ton code PHP dans ta page HTML ... bref je dis ça mais j'y connait rien mais déjà ça me semble plus propre ! Bon courage!
	00

30/06/2008, 09h34	#6
labucque Invité de passage Inscription : juin 2008 Messages : 4 Détails du profil Informations forums : Inscription : juin 2008 Messages : 4 Points : 1 Points : 1	Bonjour, Je fais un peu les questions et les réponses, … merci à ceux qui ont jeté un oeil quand-même ! Alors voilà la solution que j'ai trouvée et qui marche tout à fait bien (pour l'instant !) J'ai remplacé la balise <body> par : <body onunload="javascript:self.close();"> C'est donc bien du Javascript, ce pourquoi j'avais placé cette question sur le forum Javascript et non Php...
	00

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