¿Cómo abrir una URL en un cuadro de diálogo IU JQUERY?

Question

Mar 17, 2013, 10:06 AM

¿Cómo abrir una URL en un cuadro de diálogo IU JQUERY?

He estado buscando una solución simple desde hace bastante tiempo. Quiero una página (por ejemplohttp://www.google.com) para mostrarse en una ventana de diálogo de UI de JQuery. El plan es agregar posteriormente la URL de forma dinámica para que todos los enlaces de mi sitio se muestren en dicha ventana.

Intenté lo siguiente, pero la ventana de diálogo está vacía al hacer clic en el enlace.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test</title>


<meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  <script>
$(document).ready(function() {
    $('#openwindow').each(function() {
        var $link = $(this);
        var $dialog = $('<div></div>')
            .load($link.attr('href'))
            .dialog({
                autoOpen: false,
                title: $link.attr('title'),
                width: 500,
                height: 300
            });

        $link.click(function() {
            $dialog.dialog('open');

            return false;
        });
    });
});
  </script>

</head>
<body>
<a id="openwindow" href="http://www.google.com">Click me to test.</a>
</body>
</html>

Encontré algunos ejemplos, pero ninguno realmente funcionó. Realmente apreciaría alguna ayuda.

Gracias por adelantado.