Boite de dialogue sans boutons "valider"

Version imprimable

13/03/2008, 09h44
xoflam

Boite de dialogue sans boutons "valider"
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:

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

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 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:

1 2 3 <script type="text/javascript"> warning('Formulaire enregistré !'); </script>
PS: utilise une classe CSS ça sera plus cool :lol:

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. :P

13/03/2008, 10h12
xoflam

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 !
13/03/2008, 10h39
htr999

1 pièce(s) jointe(s)
salut
avec le code de d-Rek, il faut que tu mettes
Code:

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+