Mostrar Dialogo<\/a><\/li>\n<\/ul>\ny el c\u00f3digo que nos produce este resultado es el siguiente:<\/p>\n
$(document).ready(function(){ \r\n\u00a0\u00a0\u00a0\u00a0\u00a0 $("#mostrarDialog").click(function() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 $("#ejemDialog").dialog("open");\r\n\u00a0\u00a0 });\r\n\r\n\u00a0\u00a0 var cancel = function(){\r\n\u00a0\u00a0\u00a0\u00a0 $("#ejemDialog").dialog("close");\r\n\u00a0\u00a0\u00a0 }\r\n\r\n\u00a0\u00a0 $("#ejemDialog").dialog({\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 autoOpen:false,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 width: 250,\u00a0 \u00a0\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 height: 250,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 modal:true,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 zIndex: 3999,\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 position: [150,150],\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 buttons: {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 "Aceptar": cancel\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 });<\/pre>\nEl c\u00f3digo de arriba es lo que hace la magia con jQuery, y estamos diciendo que sea modal, con un tama\u00f1o de 250×250 pixeles y que tenga un posici\u00f3n de 150×150 pixeles con respecto a nuestro explorador, ya que el dialogo aparece en posici\u00f3n absoluta.<\/p>\n
Pero falta de mencionar algo. \u00bfEn donde esta esa informaci\u00f3n que aparece en el dialogo? La respuesta es muy simple. Es un codigo html que ponemos dentro de una “div” el cual contiene el ID al cual vamos a hacer la referencia con jQuery, el T\u00edtulo de nuestro dialogo y finalmente el contenido que deseemos con un lindo boton. El html es escondido por jQuery UI y se mostrar\u00e1 cuando uno se lo indique. El codigo html es el siguiente:
\n