Afficher un message d'attente lors d'un submit

Version imprimable

Bonjour,

Lors de la validation de mon formulaire, j'envoie une demande de confirmation :
Code:

1 2 3 4 5 6 7 8 9 10 function ValiderLaCloture() { if(document.getElementById("note_de_com_date_cloture").value != "") { if(confirm("ATTENTION ! Le traitement peut être long, ne pas l\'interrompre")) { return true; } } }
Cela fonctionne très bien.

Je voudrai ajouter avant mon "return true" soit un message demandant de patienter, soit un gif.

Cela est-il possible ?

Merci d'avance

salut,
oui c'est possible.
tu peux créer une div et l'insérer dans ta page.
le code ci-dessous fonctionne chez moi. A toi d'y mettre le style que tu souhaites (div.className = 'tonstyle'; )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function wait(){
	var div = document.createElement('DIV');
	var msg = document.createTextNode('veuillez patienter');
    div.appendChild(msg);
    var body = document.getElementsByTagName('body')[0]
    body.insertBefore(div,body.firstChild);
}
 
function ValiderLaCloture()
{
	if(document.getElementById("note_de_com_date_cloture").value != "")
	{
		if(confirm("ATTENTION ! Le traitement peut être long, ne pas l\'interrompre"))
		{
			wait();
			return true;
		}
	}
}

30/04/2008, 15h27
lodan

Merci beaucoup,

C'est tout a fait ça.

Je vais le positionner et lui donner du volume (h1) et ce devrait être top.

En final ça donne ceci et cela me convient tout à fait

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
function wait()
									{
										var message = document.createElement("div");
											message.style.background = "#FF0000";
											message.style.fontWeight = "bold";
											message.style.fontSize = "20px";
											message.style.display = "block";
											message.style.position = "absolute";
											message.style.left = "500px"; 
											message.style.top = "200px";
										var msg = document.createTextNode("Veuillez patienter ...");
									    message.appendChild(msg);
									    var body = document.getElementsByTagName("body")[0]
									    body.insertBefore(message,body.firstChild);
									}
									function ValiderLaCloture()
									{
										if(document.getElementById("note_de_com_date_cloture").value == "")
										{
											if(confirm("ATTENTION ! Le traitement peut être long, ne pas l\'interrompre"))
											{
												wait();
												return true;
											}
										}
									}

On peut maintenant imaginer toute variante