Wie graues Ausblenden des vollständigen Browserfensters und Anzeigen eines Formulars in der Mitte?

Question

Sind Sie auf diese Websites gestoßen, die das gesamte Browserfenster ausgrauen und Ihnen eine Benachrichtigung zeigen oder Sie bitten, eine Umfrage auszufüllen? Usw.? 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?

Answer 1

Wenn Sie an ein JavaScript-Framework denken, hat jQuery die Block UI plugin. Sehr einfach zu bedienen und zu konfigurieren.

Demos here

Answer 2

Wenn Sie prototype.js bevorzugen, gibt es Prototype Fensterklasse, zu tun, was Sie wollen, sehen alert dialog sample.

Answer 3

Sie können auch nur CSS und Javascript für diese verwenden: Create a Modal Dialog Using CSS and Javascript und submodal

Answer 4

Diese werden als 'modal' Fenster. 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 eine mit guter Quelle zum Dekonstruieren finden.

Answer 5

Wenn Sie in asp.net arbeiten und wollen ein schnelles und einfaches Werkzeug für das das Ajax Toolkit erhalten. Verwenden Sie dann das modale Popup-Steuerelement. Here is the example on the AJAX PAGE