Comment empecher le rechargement d'une page

**HAbroc** · 27/06/2009, 22h41

Bonsoir ,

Voilà le(s) problème(s) :

J'ai 4 listes liées qui me permettent de remplir des champs masqués sur un formulaire d'insertion . Jusque là , nickel !
Ensuite , j'ai deux photos à uploader successivement ...

Le 1er problème est que lorsque je réalise l'upload , je me retrouve sur la page upload.php qui me confirme que l'upload s'est bien déroulé . A la place , je souhaiterai que mon champ masqué : photo a , soit renseigné avec :

Code :

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

<?php echo($S) ?>

où $Nom est le nom de la photo généré par l'upload .
Le 2ème problème , (et c'est celui qui me dérange le plus ),c'est que si je parviens à remplir ce champ photo a , mes autres champs , préalablement rempli par mes listes liées vont disparaitre ?

Y-a-t-il une méthode pour empecher le rechargement de la page , afin que je puisse garder mes champs renseignés par les listes liées puis rajouter la donnée pour le champ photo a et enfin rajouter la donne pour le champ photo b ?

merci d'avance ,

Habroc

Voci la partie du code ( en cours de finalisation ) que j'utilise pour les enregistrements , suivi de celui de l'upload .

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
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
<?php 
/* On récupère si elle existe la valeur de la catégorie envoyée par le formulaire */ 
$serveur = "localhost"; 
$admin   = "root"; 
$mdp     = "";
$facevspile = "facevspile"; 
$idr = isset($_POST['libelle'])?$_POST['libelle']:null; 
$ids = isset($_POST['libel'])?$_POST['libel']:null;
$idt = isset($_POST['lib'])?$_POST['lib']:null;
?> 
<?php 
if(isset($_POST['ok']) && isset($_POST['libel']) && $_POST['libel'] != "" && isset($_POST['lib']) && $_POST['lib'] != "" && isset($_POST['nom']) && $_POST['nom'] != "") 
{ 
    $region_selectionnee = $_POST['libelle']; 
    $dept_selectionne = $_POST['libel']; 
	$ter_selectionne = $_POST['lib'];
	$qua_selectionne = $_POST['nom'];
?> 
 
<?php 
} 
?> 
<?php 
/* On établit la connexion à MySQL avec mysql_pconnect() plutôt qu'avec mysql_connect() 
*  car on aura besoin de la connexion un peu plus loin dans le script */ 
$connexion = mysql_pconnect($serveur, $admin, $mdp); 
if($connexion != false) 
{ 
    $choixbase = mysql_select_db($database_facevspile, $connexion); 
    $sql1 = "SELECT `id`, `libelle`". 
    " FROM `shop_categories`". 
    " ORDER BY `id`"; 
    $rech_regions = mysql_query($sql1); 
    $code_region = array(); 
    $region = array(); 
    /* On active un compteur pour les régions */ 
    $nb_regions = 0; 
    if($rech_regions != false) 
    { 
        while($ligne = mysql_fetch_assoc($rech_regions)) 
        { 
            array_push($code_region, $ligne['id']); 
            array_push($region, $ligne['libelle']); 
 
            /* On incrémente de compteur */ 
            $nb_regions++; 
        } 
    } 
    ?> 
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post" id="chgdept"> 
<fieldset> 
<legend>Sélectionnez la catégorie de vente</legend> 
<select name="libelle" id="libelle" onchange="document.forms['chgdept'].submit();"> 
  <option value="-1">- - - Choisissez une catégorie - - -</option> 
    <?php 
    for($i = 0; $i < $nb_regions; $i++) 
    { 
?> 
  <option value="<?php echo($code_region[$i]); ?>"<?php echo((isset($idr) && $idr == $code_region[$i])?" selected=\"selected\"":null); ?>><?php echo($region[$i]); ?></option> 
<?php 
    } 
    ?> 
</select> 
    <?php 
    mysql_free_result($rech_regions); 
    /* On commence par vérifier si on a envoyé un numéro de catégorie et le cas échéant s'il est différent de -1 */ 
 
    if(isset($idr) && $idr != -1) 
    { 
        /* Création de la requête pour avoir la catégorie secondaire de cette catégorie */ 
        $sql2 = "SELECT `id`, `libel`". 
        " FROM `shop_s_categorie`". 
        " WHERE `grandpere` = ". $idr ."". 
        " ORDER BY `id`;"; 
        if($connexion != false) 
        { 
            $rech_dept = mysql_query($sql2, $connexion); 
            /* Un petit compteur pour les départements */ 
            $nd = 0; 
            /* On crée deux tableaux pour les numéros et les noms des départements */ 
            $code_dept = array(); 
            $nom_dept = array(); 
            /* On va mettre les numéros et noms des départements dans les deux tableaux */ 
            while($ligne_dept = mysql_fetch_assoc($rech_dept)) 
            { 
                array_push($code_dept, $ligne_dept['id']); 
                array_push($nom_dept, $ligne_dept['libel']); 
                $nd++; 
            } 
            /* Maintenant on peut construire la liste déroulante */ 
            ?> 
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post" id="ter"> <select name="libel" id="libel" onchange="document.forms['ter'].submit();"> 
<option value="-1">- - - Choisissez une catégorie - - -</option> 
            <?php   
            for($d = 0; $d<$nd; $d++) 
            { 
                ?> 
  <option value="<?php echo($code_dept[$d]); ?>"<?php echo((isset($ids) && $ids == $code_dept[$d])?" selected=\"selected\"":null); ?>><?php echo($nom_dept[$d]); ?></option> 
                <?php 
            } 
?> 
</select> 
<?php 
        } 
        /* Un petit coup de balai */ 
        mysql_free_result($rech_dept); 
	/* On commence par vérifier si on a envoyé un numéro de catégorie et le cas échéant s'il est différent de -1 */ 
 
    if(isset($ids) && $ids != -1) 
    { 
        /* Création de la requête pour avoir la catégorie secondaire de cette catégorie */ 
		$sql3 = "SELECT `id`, `lib`". 
        " FROM `shop_ss_categorie`". 
        " WHERE `pere` = ". $ids ."". 
        " ORDER BY `id`;"; 
        if($connexion != false) 
        { 
            $rech_ter = mysql_query($sql3, $connexion); 
            /* Un petit compteur pour les départements */ 
            $ne = 0; 
            /* On crée deux tableaux pour les numéros et les noms des départements */ 
            $code_ter = array(); 
            $nom_ter = array(); 
            /* On va mettre les numéros et noms des départements dans les deux tableaux */ 
            while($ligne_ter = mysql_fetch_assoc($rech_ter)) 
            { 
                array_push($code_ter, $ligne_ter['id']); 
                array_push($nom_ter, $ligne_ter['lib']); 
                $ne++; 
            } 
            /* Maintenant on peut construire la liste déroulante */ 
            ?> 
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post" id="qua"> <select name="lib" id="lib" onchange="document.forms['qua'].submit();"> 
<option value="-1">- - - Choisissez une catégorie - - -</option> 
            <?php   
            for($e = 0; $e<$ne; $e++) 
            { 
                ?> 
  <option value="<?php echo($code_ter[$e]); ?>"<?php echo((isset($idt) && $idt == $code_ter[$e])?" selected=\"selected\"":null); ?>><?php echo($nom_ter[$e]); ?></option> 
                <?php 
            } 
?> 
</select> 
<?php 
        } 
        /* Un petit coup de balai */ 
        mysql_free_result($rech_ter); 
	/* On commence par vérifier si on a envoyé un numéro de catégorie et le cas échéant s'il est différent de -1 */ 
 
    if(isset($idt) && $idt != -1) 
    { 
        /* Création de la requête pour avoir la catégorie secondaire de cette catégorie */ 
		$sql4 = "SELECT `id`, `nom`". 
        " FROM `shop_valeurs`". 
        " WHERE `fils` = ". $idt ."". 
        " ORDER BY `id`;"; 
        if($connexion != false) 
        { 
            $rech_qua = mysql_query($sql4, $connexion); 
            /* Un petit compteur pour les départements */ 
            $nf = 0; 
            /* On crée deux tableaux pour les numéros et les noms des départements */ 
            $code_qua = array(); 
            $nom_qua = array(); 
            /* On va mettre les numéros et noms des départements dans les deux tableaux */ 
            while($ligne_qua = mysql_fetch_assoc($rech_qua)) 
            { 
                array_push($code_qua, $ligne_qua['id']); 
                array_push($nom_qua, $ligne_qua['nom']); 
                $nf++; 
            } 
            /* Maintenant on peut construire la liste déroulante */ 
            ?> 
<select name="nom" id="nom"> 
            <?php   
            for($f = 0; $f<$nf; $f++) 
            { 
                ?> 
  <option value="<?php echo($code_qua[$f]); ?>"<?php echo((isset($qua_selectionne) && $qua_selectionne == $code_qua[$f])?" selected=\"selected\"":null); ?>><?php echo($nom_qua[$f]); ?></option> 
                <?php 
            } 
?> 
</select> 
<?php 
        } 
        /* Un petit coup de balai */ 
        mysql_free_result($rech_qua); 	
    } 
	}
	}
?> 
<br /><input type="submit" name="ok" id="ok" value="Valider vos choix" /> 
</fieldset> 
</form> 
<?php 
    /* Terminé, on ferme la connexion */ 
    mysql_close($connexion); 
}
 
else 
{ 
    /* Si on arrive là, c'est pas bon signe, il faut vérifier les  
    * paramètres de connexion, mot de passe, serveur pas démarré etc... */ 
?> 
<p>Un incident s'est produit lors de la connexion à la base de données, veuillez essayer à nouveau ultérieurement.</p> 
<?php 
} 
 
?> 
</div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <div id="apDiv21" style="position:absolute; width:950px; height:115px; z-index:12; left: 22px; top: 321px;">
        <form method="POST" action="upload.php" enctype="multipart/form-data"> <fieldset> <legend>Transf&eacute;rer l'image de l'avers </legend>  <!-- On limite le fichier à 100Ko -->
     <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
     Sélectionner votre image : <input type="file" name="avatar">
     <input type="submit" name="envoyer" value="Envoyer le fichier">
</fieldset> </form></div>
      <div id="apDiv22" style="position:absolute; width:950px; height:115px; z-index:13; left: 22px; top: 387px;">
        <form method="POST" action="upload2.php" enctype="multipart/form-data"> <fieldset> <legend>Transf&eacute;rer l'image du revers </legend>  <!-- On limite le fichier à 100Ko -->
     <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
     Sélectionner votre image : <input type="file" name="avatar">
     <input type="submit" name="envoyer" value="Envoyer le fichier">
</fieldset> </form></div>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <div id="apDiv20" style="position:absolute; width:950px; height:618px; z-index:11; left: 22px; top: 560px;">
        <p>&nbsp;</p>
        <div id="apDiv24" style="position:absolute; width:816px; height:571px; z-index:14; left: 33px; top: 22px;">
          <form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">
            <table align="center">
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Rubannu1:</td>
                <td><input type="text" name="rubannu1" value="<?php echo($region_selectionnee); ?>" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Rubannu2:</td>
                <td><input type="text" name="rubannu2" value="<?php echo($dept_selectionne); ?>" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Rubannu3:</td>
                <td><input type="text" name="rubannu3" value="<?php echo($ter_selectionne); ?>" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Avers:</td>
                <td><input type="text" name="avers" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Revers:</td>
                <td><input type="text" name="revers" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Etat:</td>
                <td><input type="text" name="etat" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Poids:</td>
                <td><input type="text" name="poids" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Diametre:</td>
                <td><input type="text" name="diametre" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Metal:</td>
                <td><input type="text" name="metal" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Commentaires:</td>
                <td><input type="text" name="commentaires" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Prix_ht:</td>
                <td><input type="text" name="prix_ht" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Photo a:</td>
                <td><input type="text" name="photo_a" value="<?php echo($S); ?>" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Photo b:</td>
                <td><input type="text" name="photo_b" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Prix_ttc:</td>
                <td><input type="text" name="prix_ttc" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Frais_de_port:</td>
                <td><input type="text" name="frais_de_port" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Commission:</td>
                <td><input type="text" name="commission" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Titre:</td>
                <td><input type="text" name="titre" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Date vente:</td>
                <td><input type="text" name="date_vente" value="" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">Valeur:</td>
                <td><input type="text" name="valeur" value="<?php echo($qua_selectionne); ?>" size="32" /></td>
              </tr>
              <tr valign="baseline">
                <td nowrap="nowrap" align="right">&nbsp;</td>
                <td><input type="submit" value="Ins&eacute;rer l'enregistrement" /></td>
              </tr>
            </table>
            <input type="hidden" name="MM_insert" value="form1" />
          </form>

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
<?php
$dossier = 'images/avers/';
$fichier = basename($_FILES['avatar']['name']);
$taille_maxi = 2000000;
$taille = filesize($_FILES['avatar']['tmp_name']);
$extensions = array('.jpg', '.jpeg');
$extension = strrchr($_FILES['avatar']['name'], '.'); 
 
//Début des vérifications de sécurité...
if(!in_array($extension, $extensions)) //Si l'extension n'est pas dans le tableau
{
     $erreur = 'Vous devez uploader un fichier de type  jpg ...';
}
if($taille>$taille_maxi)
{
     $erreur = 'Le fichier est trop gros...';
}
if(!isset($erreur)) //S'il n'y a pas d'erreur, on upload
{
     //On formate le nom du fichier ici...
     $fichier = strtr($fichier, 
          'ÀÁÂÃÄÅÇÈÉÊËÌÍÎÏÒÓÔÕÖÙÚÛÜÝàáâãäåçèéêëìíîïðòóôõöùúûüýÿ', 
          'AAAAAACEEEEIIIIOOOOOUUUUYaaaaaaceeeeiiiioooooouuuuyy');
     $fichier = preg_replace('/([^.a-z0-9]+)/i', '-', $fichier);
	 $time = date("YmdHis");
	 $S = substr(md5($fichier.$time),0,15)
	 $Nom = $S.".jpg";
     if(move_uploaded_file($_FILES['avatar']['tmp_name'], $dossier . $Nom)) //Si la fonction renvoie TRUE, c'est que ça a fonctionné...
     {
          echo 'Upload effectué avec succès !';
     }
     else //Sinon (la fonction renvoie FALSE).
     {
          echo 'Echec de l\'upload !';
     }
}
else
{
     echo $erreur;
}
?>

**Evilam** · 27/06/2009, 23h26

Salut,

Je me trompe p-e donc attends l'avis d'autres personnes avant de prendre ce que je dis pour argent-comptant.

Si tu cherches à uploader une image, puis une autre, forcément tu vas effectuer une requête pour chaque upload et donc ta page devra être rechargé a chaque fois, sinon tu dois faire appel à de l'AJAX, mais ce n'est pas trop dans la section PHP qu'il faudra poster.

Si c'est juste une question d'affichage pour le nom, lors de la selection du fichier via le formulaire, tu as le chemin complet de la source, et ensuite un petit coup d'expression régulière en javascript te permettra de récupérer le nom du fichier (uneimagebidon.jpg par exemple, au lieu de C/images/bidon/uneimagebidon.jpg). Avec cette solution tu devras traiter l'upload des deux fichiers via un seul formulaire et donc un seul <form>.

Je sais pas si je t'ai bcp aidé, en tout cas j'espère que tu trouveras une solution ^^.

Cordialement,

**HAbroc** · 28/06/2009, 07h03

Code :

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

ensuite un petit coup d'expression régulière en javascript te permettra de récupérer le nom du fichier (uneimagebidon.jpg par exemple, au lieu de C/images/bidon/uneimagebidon.jpg).

Je débute , et là , ça me dépasse ...

J'ai effectivement lu ça et là que pour ne pas recharger la page , il était de bon ton de travailler en Ajax . Mais j'ai déjà du mal avec php , alors ...

Le problème n'est pas tant l'upload successif des 2 photos , car j'ai déjà lu des tutos qui permettent de le faire en meme temps . Mais cela ne résoud pas mon problème principal : lorsque j'upload , je perd les données de mes listes liées .

Question ? Etant donné qu'après mon upload , je me retrouve sur la page upload.php avec le message : l'upload est réussi ; serait-il possible de récupérer les données générées par les listes liées sur cette page ? Via un POST , par exemple ?

HAbroc

Comment empecher le rechargement d'une page

Langage PHP

Discussions similaires

Partager

Partager