Boite de dialogue sans boutons "valider"

**xoflam** · 13/03/2008, 09h44

Bonjour à tous,
Donc voilà actuellement, j'ai un formulaire (saisi par l'utilisateur) et lorsque celui-ci envoi les données via un bouton de type "submit" cela m'affiche une boîte de dialogue javascript de type "alert" (disant "formulaie enregistré") .
Ensuite il faut que l'utilisateur clique sur le bouton "OK" pour que la redirection vers une autre apge se fasse.

Voici mon code pour ce message d'alert :

Code :

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

1
2
3
4
 
<SCRIPT LANGUAGE="JavaScript">
alert('Formulaire enregistré !');
</SCRIPT>

En fait, j'aimerais que cette boîte de dialogue se ferme automatiquement au bout de X secondes et que l'utilisateur n'est pas besoin de cliqué sur "OK" .
Ce que je veux, c'est un peu le même systeme que le site Developpez.com lorsque l'on s'identifie !!!
Je me demande si cela est possible en javascript ?
Voilà j'espere avoir donné assez d'informations .
Merci pour votre aide

**d-Rek** · 13/03/2008, 10h01

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
function $(id){return document.getElementById(id);}
 
function warning(txt){
	if($('warning')){
		$('warning').innerHTML=txt;
		$('warning').style.display='block';
	}else{
		var w=document.createElement('div');
		w.id='warning';
		w.style.position='absolute';
		w.style.left=(typeof(window.innerWidth)=='number')?window.innerWidth/2+'px':document.body.clientWidth/2+'px';
		w.style.top=100+'px';
		w.style.width=500+'px';
		w.style.textAlign='center';
		w.style.padding=10+'px';
		w.style.backgroundColor='#FFFFFF';
		w.style.color='#242424';
		w.style.border='1px solid #000000';
		w.style.zIndex=50;
		w.style.display='block';
		document.body.appendChild(w);
		$('warning').innerHTML=txt;
	}
	setTimeout(function(){$('warning').style.display='none';},3000);
}

Et là tu fais

Code :

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

1
2
3
<script type="text/javascript">
warning('Formulaire enregistré !');
</script>

PS: utilise une classe CSS ça sera plus cool

Edit : Attention, ce code n'aura pas le même effet qu'un alert() s'il y a redirection après mon alert, tant que je ne clique pas OK, pas de redirection.
Avec ce code, clic ou pas clic, la ligne suivante sera exécutée.
Tu peux creuser en passant un callback à cette fonction.

**xoflam** · 13/03/2008, 10h12

Desolé je suis vraiment un newbie en javascript :
Donc j'ai procédé ainsi:

<script language="Javascript">
function....
....
...
....
</script>
<script type="text/javascript">
warning('modification enregistré !');
</script>

Seulement il ne m'affiche aucune boîte de dialogue !

**htr999** · 13/03/2008, 10h39

salut
avec le code de d-Rek, il faut que tu mettes

Code :

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

1
2
3
4
5
6
7
8
9
 
<head>
function ...
function ...
</head>
 
<body>
<script>...</script>
</body>

et ça marche

sinon pour une solution consistant en redirection de page je fournis en Piece Jointe

a+

Boite de dialogue sans boutons "valider"

JavaScript

Discussions similaires

Partager

Partager