Fenetre d'alerte formulaire

**Destiny** · 20/08/2007, 13h37

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

**jypees** · 20/08/2007, 15h33

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

**Destiny** · 20/08/2007, 15h36

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

comme ici si vous cliquez sur autre affichage

**Nosty** · 20/08/2007, 18h09

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.

**LexWizard** · 21/08/2007, 10h31

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é...

Atta je code et je post

**LexWizard** · 21/08/2007, 10h47

Bon c'est vraiment du code vite fait, mais ça fonctionne

Après c'est à toi de faire un truc joli beau à ta sauce

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
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".

Bonne continuation

Fenetre d'alerte formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager