@E.Bzz : Je me suis déjà douté E.Bzz, regarde dans le thread.
Version imprimable
@E.Bzz : Je me suis déjà douté E.Bzz, regarde dans le thread.
Bien sur :
test.php:
et upload.php n'a pas changé par rapport au début.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 <?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>
Tu as essayé quelque chose commeavecCode:
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>
Sachant que, quelque soit la manière de l'écrire, quand tu cliqueras dessus, la page sera rechargée ....Code:<input type="submit" name="envoyer" id="id_button_submit" value="Envoyer le fichier" onclick="click_submit();">
A+
J'ai essayé, cela produit le même résultat!! Je suis entrain de devenir chèvre :mur:
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...
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.
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?