dialog iframe

by Akram kamal

HTML

<div id="dialog">
  <iframe id="myIframe" src="http://www.w3schools.com"></iframe>
</div>
<button id="opener">Open Dialog</button>

JavaScript

$(function () {
  $("#dialog").dialog({
    autoOpen: false,
    show: "fade",
    hide: "fade",
    modal: true,
    open: function (ev, ui) {
      $('#myIframe').src = 'http://www.w3schools.com';
    },
    height: 'auto',
    width: 'auto',
    resizable: true,
    title: 'Vessels'
  });

  $("#opener").click(function () {
    $("#dialog").dialog("open");
    return false;
  });
});