¿Cómo oscurecer la ventana completa del navegador y mostrar un formulario en el centro?

Question

¿Se ha encontrado con esos sitios web que oscurecen la ventana completa del navegador y le muestran una notificación o le piden que complete una encuesta, etc.? Esto solía suceder con myspace, si escribías mal en el correo electrónico o la contraseña, la ventana completa del navegador se oscurecería (aunque es transparente, aún puedes ver los contenidos de la página a través de ella) y los controles de inicio de sesión se mostrarían en el centro de la ventana del navegador con un mensaje de error encima que le indica que ha escrito mal el correo electrónico o la contraseña. Lamentablemente eliminaron esto de myspace, quiero el mismo código para un sitio web en el que estoy trabajando y estaba tratando de evitar reinventar la rueda, ¿sabe usted de alguna fuente para encontrar este código en lugar de escribir todo de nuevo? Supongo que esto es principalmente CSS, Javascript solo se usa para mostrar/ocultar, ¿estoy en lo cierto?

Answer 1

Si está pensando en utilizar un marco de JavaScript, jQuery tiene el Block UI plugin. Muy fácil de usar y configurar.

Demos here

Answer 2

Si prefiere prototype.js, hay Prototipo clase de ventana, haciendo lo que desea, vea alert dialog sample.

Answer 3

También puede utilizar solamente CSS y Javascript para esto: Create a Modal Dialog Using CSS and Javascript y submodal

Answer 4

Estos se llaman ventanas modales ''. Para evitar reinventar la rueda, use las bibliotecas existentes como JQuery. Googleging 'jquery modal window' trae muchos resultados que parecen exactamente lo que quieres. Puedes elegir uno de estos si hace exactamente lo que quieres o encontrar uno con una buena fuente para deconstruir.

Answer 5

Si está trabajando en asp.net y quiere una herramienta rápida y fácil para esto, consiga el kit de herramientas de AJAX. Luego use el control emergente modal. Here is the example on the AJAX PAGE