Cómo hacer un cuadro de diálogo para su página

Usted puede hacer un cuadro de diálogo para su página web utilizando jQuery, una biblioteca JavaScript, y su biblioteca complementaria, el marco jQuery UI. Juntos, estos dos marcos proporcionan a los usuarios la capacidad de agregar botones, acordeones, datepickers, diálogos y otras herramientas básicas de la interfaz de usuario. Aparece un cuadro de diálogo en una página web en respuesta a la entrada del usuario, como un clic de botón. Puede utilizar un cuadro de diálogo para comunicar información adicional para un usuario, a menudo en forma de un mensaje corto como "Registro correcto" o "Por favor, espere mientras confirmar su información de tarjeta de crédito."

Instrucciones

1 Abra la página Web en el editor de texto o entorno de desarrollo de su elección, y abra el archivo que requiere un cuadro de diálogo.

2 Añadir, si no lo ha hecho, las referencias a los archivos de jQuery y jQuery UI que se aprovechan de una red de distribución de contenidos.

<Script con un ID de "myDialogBoxDiv."

Incluir texto para el cuadro de diálogo dentro del elemento párrafo.

<Div id = "myDialogBoxDiv">

<P> Se debe introducir una contraseña para abrir su cuenta.

</ P>

</ Div>

4 Seleccione la opción "myDialogBoxDiv" usando jQuery e inicializar un cuadro de diálogo a través del ".dialog () 'función proporcionada por el marco de interfaz de usuario. Añadir un título utilizando el "título" propiedad del elemento de diálogo, sustituyéndola por el texto "su diálogo Título" en el siguiente ejemplo:

$ ( "#myDialogBoxDiv") .dialog ({Title: 'Su diálogo Título'});

Consejos y advertencias

• Revise la documentación de jQuery UI para otros métodos y propiedades del objeto de diálogo.