Message ou image pour informer d'une requete longue

Bonjour à tous, et merci par avance de votre aide....
Malgré mes recherches, je n'ai pas trouvé de solution facile

J'ai un formulaire qui enregistre des données dans une base Mysql...
Le traitement étant assez long car uload d'images, je souhaite mettre un message, une image, un div... ou je ne sais quoi pour informer du traitement qui peu prendre du temps.... comment faire et ou mettre cette portion de code... voici ma requête...après le post de mon fiormulaire ...

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
<?
require ("../../scripts/My_ParamsV3.inc.php");
 
 
//************************PARAM PAGE
  	$TitleAdmin='Ajouter un Dossier';
  	$pref='Dossier'; //Préfixe Url pour add-modif-verif
 
if ($ADD==1){
 
	### On commence par vérifier si les champs sont vides
		if(empty($strDossier))
	  {
	  echo '<script language="JavaScript">alert("Attention, vérifiez le Titre du Dossier");</script>';
	  }
	else
{
### Aucun champ n'est vide, on peut enregistrer dans la table ###
 
//------- +/+ upload des fichiers +/+ -------
 
require("../../scripts/telecharge.php");
 
if (!empty($_FILES["UPLOAD1"]["name"]))
 
	$image1=receptionne_fichier("../../img_dossiers/","UPLOAD1",array("min"=>array("x"=>800,"y"=>800),"max"=>array("x"=>800,"y"=>800)));
if (!empty($_FILES["UPLOAD2"]["name"]))
 
	$image2=receptionne_fichier("../../img_dossiers/","UPLOAD2",array("min"=>array("x"=>800,"y"=>800),"max"=>array("x"=>800,"y"=>800)));
if (!empty($_FILES["UPLOADT1"]["name"]))
 
//------- -/- upload des fichiers -/- ---------
 
//----- +/+ insertion dans la table +/+ -------
### Aucun champ n'est vide, on peut enregistrer dans la table
$link = mysql_connect("xxxxx","xxxxxx","xxxxxx");
mysql_select_db("xxxxx", $link);
$strQuery = mysql_query("INSERT INTO Dossiers 
(IdDossierTyp,strDossier,strDossier2,DateCrea,DateMaj,DateDossier,ValidPubli,ValidUne,Picture1,Picture2,T1,PictureT1,T1a,T1b,T1c,T2,PictureT2,T2a,T2b,T2c,T3,PictureT3,T3a,T3b,T3c,T4,PictureT4,T4a,T4b,T4c,T5,T5a,T5b,T5c,T6,T6a,T6b,T6c,T7,T7a,T7b,T7c,Conclusion,TitrelinkDossier1,linkDossier1,TitrelinkDossier2,linkDossier2,FileDossier,FileDossierInfo,DossierOrder) 
VALUES
('$IdDossierTyp','$strDossier','$strDossier2',NOW(),NOW(),'$annee-$mois-$jour','$ValidPubli','$ValidUne','$image1','$image2','$T1','$imageT1','$T1a','$T1b','$T1c','$T2','$imageT2','$T2a','$T2b','$T2c','$T3','$imageT3','$T3a','$T3b','$T3c','$T4','$imageT4','$T4a','$T4b','$T4c','$T5','$T5a','$T5b','$T5c','$T6','$T6a','$T6b','$T6c','$T7','$T7a','$T7b','$T7c','$Conclusion','$TitrelinkDossier1','$linkDossier1','$TitrelinkDossier2','$linkDossier2','$FileDossier2','$FileDossierInfo','$DossierOrder')");
FG_ExecQuery($strQuery,"$link");
?>
<script language="JavaScript">alert("Dossier Ajouté");</script>
<script>window.close()</SCRIPT>
<?
	  }
	}
?>

Salut,

a priori je dirais qu'il faut faire ça en ajax. Placer l'image juste avant l'appel et la retirer à l'événement onSuccess. A priori j'utiliserais la librairie ajax Prototype. ;)

Bonjour,
au moment de l'envoi du formulaire :
Formulaire :

Code:

1
2
3
4
<form method="post" enctype="multipart/form-data" action="traitement.php" onsubmit="validFormulaire(); return false;">
	<!-- [...] -->
</form>
<div id="UploadEnCours" style="display:none;">Traitement en cours. Merci de patienter...</div>

JavaScript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function validFormulaire() {
	// [...] gestion d'erreurs...
	if(error!='') {
		alert('Erreurs :\n\n' + error);
	}
	else {
		// affichage du message d'attente
		document.getElementById("UploadEnCours").style.display = "block";
		// envoi du formulaire
		document.submit();
	}
};