Fenetre d'alerte formulaire

Version imprimable

20/08/2007, 12h37
Destiny

Fenetre d'alerte formulaire

Bonjour,
En naviguant sur un site (je ne me souviens pas de l'adresse est c'est bien dommage...) j'ai vu que lorsque l'on fait une erreur dans un formulaire, (par exemple on ne remplit pas un champ obligatoire) le site entier devenait comme sombre, et un message d'erreur apparaissait en clair au milieu et impossible lorsque la fenêtre d'erreur était active de cliquer sur le site en arrière plan.

Savez-vous comment faire? Y a-t-il des scripts déjà fait pour faire ce genre de chose? Merci d'avance et bonne journée à tous
20/08/2007, 14h33
jypees

il me semble script aculous mais sans grande conviction sinon fait le toi meme :)
Avec un div en absolute et un div absolute disabled qui prend toute la page :) ca doit pouvoir simuler tout ca (sans oublier la transparence). Apres je dis ca peut etre je me goure complettement :):mouarf3:
20/08/2007, 14h36
Destiny

http://www.logitech.com/index.cfm/ga.../3053&cl=ch,fr

comme ici si vous cliquez sur autre affichage
20/08/2007, 17h09
Nosty

tu trouveras tout ton bonheur ici je pense ^^

>>DHTML<<
Par contre je n'ai jamais essayé alors je ne suis pas certains que tu puisses faire grand chose. En tout cas, le site est très complet donc tu ne devrais pas avoir de problèmes.
21/08/2007, 09h31
LexWizard

Tu peux le faire par un moyen dérivé. Je m'explique :
Un div, un bgcolor black, une opacité à 80%, et le tour est joué...:aie:

Atta je code et je post ;)

Bon c'est vraiment du code vite fait, mais ça fonctionne :D
Après c'est à toi de faire un truc joli beau à ta sauce ;)

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Tests</title>
        <script type="text/javascript">
            function LoadFunction()
            {
                DivCache.style.height = document.body.clientHeight+ "px";
                DivCache.style.width = document.body.clientWidth + "px";
                DivCache.style.filter = "alpha(opacity=80)";
            }
 
            function displayDiv()
            {
                if(DivCache.style.display == "none")
                DivCache.style.display = "block";
                else
                DivCache.style.display = "none";
            }
        </script>
    </head>
    <body onload="LoadFunction();">
        <a href="javascript:displayDiv();">Afficher erreur</a>
        <div id="DivCache" style="background-color:Black; position:absolute; left:0; top:0; width:100%; height:1px; display:none;">
            <div style="background-color:Red; position:relative; top:50%;">
                <a href="javascript:displayDiv();">Erreur !!!</a>
            </div>
        </div>
    </body>
</html>

Et vive les "systemes D". :mouarf:
Bonne continuation ;)