Wie wird das gesamte Browserfenster ausgegraut und ein Formular in der Mitte angezeigt?

7

Sind Sie auf diese Websites gestoßen, die das gesamte Browserfenster ausgrauen und Ihnen eine Benachrichtigung zeigen oder Sie bitten, eine Umfrage auszufüllen? Früher geschah dies mit myspace, wenn Sie sich in der E-Mail oder im Passwort vertippt haben, wurde das komplette Browserfenster ausgegraut (es ist jedoch transparent, Sie können den Inhalt der Seite trotzdem sehen) und die Login-Steuerelemente würden in der Mitte angezeigt das Browserfenster mit einer Fehlermeldung darüber, dass Sie die E-Mail oder das Passwort falsch eingegeben haben. Leider haben sie das von myspace entfernt, ich möchte denselben Code für eine Website, an der ich gerade arbeite, und habe versucht, das Rad nicht neu zu erfinden. Weißt du, dass es eine Quelle gibt, um diesen Code zu finden, anstatt das ganze wieder zu schreiben? Ich nehme an das ist meistens CSS, Javascript wird nur zum Anzeigen / Verbergen benutzt, habe ich recht?

    
Waleed Eissa 18.01.2009, 11:15
quelle

5 Antworten

15

Wenn Sie ein JavaScript-Framework verwenden möchten, jQuery enthält das Block UI-Plugin . Sehr einfach zu bedienen und zu konfigurieren.

Demos hier

    
Russ Cam 18.01.2009 11:21
quelle
3

Sie können dafür auch nur CSS und Javascript verwenden: Erstellen Sie ein Modal Dialog Verwenden von CSS und JavaScript und submodal

    
Dror 18.01.2009 11:27
quelle
2

Diese werden 'modale' Fenster genannt. Verwenden Sie vorhandene Bibliotheken wie JQuery, um das Rad nicht neu zu erfinden. Googeln 'jquery modal window' bringt viele Ergebnisse, die genau das sind, was Sie wollen. Sie können entweder eine davon auswählen, wenn es genau das tut, was Sie wollen, oder Sie finden eine mit guter Quelle zum Dekonstruieren.

    
mozboz 18.01.2009 11:48
quelle
0

Wenn Sie prototype.js bevorzugen, gibt es die Prototyp-Fensterklasse, die Sie ausführen können, siehe Alarmdialogbeispiel .

    
David Hanak 18.01.2009 11:26
quelle
0

Wenn Sie in asp.net arbeiten und ein schnelles und einfaches Tool dafür benötigen, holen Sie sich das Ajax-Toolkit. Verwenden Sie dann das modale Popup-Steuerelement. Hier ist das Beispiel auf der AJAX-Seite

    
Justin Obney 19.01.2009 05:28
quelle

Tags und Links