sábado, 9 de febrero de 2013

Crear cuadro de diálogo con jQuery UI


dialog es una utilidad de jQuery UI para la creación de cuadros de diálogos personalizados, es una manera de dar estilo al funcionamiento de la página web, en lugar de utilizar las alertas incómodas de Javascript.

Algunos de los métodos que acepta  dialog son los siguientes ...

autoOpen: true | false // Modo de apertura
resizable: tue | false // Modificar las dimensiones
height: integer // altura
modal: true | false // capa y fondo opaco
buttons: permite añadir botones
cancel: crear botón de cancelar // ejemplo -> Cancel: function() {$( this ).dialog( "close" );

Ejemplo de uso de la clase dialog() Jquery UI



Javascript ... HTML ...

2 comentarios:

angelm6a dijo...

buen tutorial
gracias

Anónimo dijo...

Hola, muy practico tu ejemplo, quisiera preguntarte ¿como hago un submit desde el dialogo, utilizando ajax?