Soumission et retour formulaire

**andry.aime** · 23/06/2009, 14h49

@E.Bzz : Je me suis déjà douté E.Bzz, regarde dans le thread.

**E.Bzz** · 23/06/2009, 14h51

Envoyé par andry.aime

@E.Bzz : Je me suis déjà douté E.Bzz, regarde dans le thread.

Oui, j'ai vu

Je regardais une version antérieur du code (je cherchais une version "complète")

A+

**benthebest** · 23/06/2009, 14h53

Envoyé par E.Bzz

OK
On peut revoir le code dans son état actuel : y a eu pas mal de changements et on ne sait pas ce que tu as garder ou modifier ...

A+

Bien sur :

test.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
 
 
<?php
if($_POST)
{
        require("upload.php");
 
}
?> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script language="JavaScript">
<!--
 
window.onload = function()
{
	//document.getElementById("id_button_submit").disabled = "";
	document.form_upload.envoyer.disabled = false;
	document.getElementById("id_div_message_wait").style.display = "none";
 
 
	document.getElementById("id_button_submit").onclick =
		function ()
		{
			document.getElementById("id_div_message_wait").style.display = "block";
			document.getElementById("id_div_message_returned").innerHTML = "";
			document.getElementById("id_button_submit").disabled = true;
		}	
 
};/**/
 
-->
</script> 
</head>
 
<body>
 
 
<form name="form_upload" method="POST" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" enctype="multipart/form-data">
     <input type="hidden" name="MAX_FILE_SIZE" value="70000000">
     Fichier : <input type="file" name="avatar">
     <input type="submit" name="envoyer" id="id_button_submit" value="Envoyer le fichier" >
</form>
 
<div id="id_div_message_wait" style="color:red; font-size:9pt; display:none;">
	<br />
	Veuillez patienter, traitement en cours...
	<br />
	<img id="id_img_upload" src="../general/img/chargeur.gif" /> 
</div>
 
 
<?php
if( isset($message_upload) && $message_upload != 1)
{
?>
 
	<div id="id_div_message_returned" style="color:red; font-size:8pt;">
		<br />
<?php
                echo $message_upload;
                unset($message_upload);
?>
	</div>
<?php   
}
 
?>
</body>
</html>

et upload.php n'a pas changé par rapport au début.

**E.Bzz** · 23/06/2009, 15h02

Tu as essayé quelque chose comme

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
<script language="JavaScript">
<!--

function click_submit()
{
document.getElementById("id_div_message_wait").style.display = "block";
document.getElementById("id_div_message_returned").innerHTML = "";
document.getElementById("id_button_submit").disabled = true;
}	
 
window.onload = function()
{
	document.form_upload.envoyer.disabled = false;
	document.getElementById("id_div_message_wait").style.display = "none";
 
};/**/
 
-->
</script>

avec

Code :

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

<input type="submit" name="envoyer" id="id_button_submit" value="Envoyer le fichier" onclick="click_submit();">

Sachant que, quelque soit la manière de l'écrire, quand tu cliqueras dessus, la page sera rechargée ....

A+

**benthebest** · 23/06/2009, 15h07

J'ai essayé, cela produit le même résultat!! Je suis entrain de devenir chèvre

**E.Bzz** · 23/06/2009, 15h08

Envoyé par benthebest

J'ai essayé, cela produit le même résultat!! Je suis entrain de devenir chèvre

Alors il est l'heure d'être précis : quel résultat ?

Qu'est-ce qui devrait se passer mais qui ne se passe pas ?
Qu'est-ce qui ne devrait pas se passer et qui se passe ?

A+

**benthebest** · 23/06/2009, 15h16

Ok pour être précis :

Lors du click:
1. Le bouton doit se désactiver
2. Le message traitement en cours doit apparaitre

Ensuite, le script passe par upload.php qui traite les messages de retour : upload réussit ou pas.

Donc lorsqu'il termine upload.php, il revient logiquement sur test.php et la la variable php $message_upload est remplit avec la réponse.

Donc à ce moment la:
1. Le message traitement en cours disparait pour laisser la place au $message_upload
2. et le bouton est censé se réactivé

Actuellement, tout ce que je viens de dire se produit parfaitement sour Firefox mais sur IE, ca bug, c'est à dire que lors du click, le bouton se desactive, le message traitement en cours apparait, mais c'est tout, ca reste comme ça sans qu'il y est un changement ou d'affichage de $message_upload...

**andry.aime** · 23/06/2009, 15h28

Je ne comprend pas pourquoi ça marche sous FF car la page doit se recharger après le click sur le submit. L'affichage ne serait qu'une fraction de seconde.

**benthebest** · 23/06/2009, 15h34

Tu en es sur?

Si oui, ce n'est donc pas la bonne méthode pour faire ce que je veux..

Aurai-tu une autre proposition plus réalisable?

**benthebest** · 23/06/2009, 16h24

Envoyé par andry.aime

Je ne comprend pas pourquoi ça marche sous FF car la page doit se recharger après le click sur le submit. L'affichage ne serait qu'une fraction de seconde.

J'ai refait des tests mais je pense que mon code est correct le message fonctionne bien, en tout cas sous firefox. Je ne vois pas trop comment faire autrement ??

Soumission et retour formulaire

JavaScript

Discussions similaires

Partager

Partager