使用jquery从iframe创建弹出窗口

时间:2013-10-09 22:33:47

标签: javascript jquery html iframe popup

我有一个弹出窗口,它加载附带java脚本源的html文件。此弹出窗口由iframe创建。 iframe中的html有链接,预计会创建另一个弹出窗口,但iframe不允许我。无论如何我可以使用父页面创建另一个弹出窗口或者获取iframe。 创建第一个弹出窗口的代码如下:

function GetPopUp ("../folder/file.htm", "POPUP Title")
 {
  var xpos = mouse_x;
  var ypos = mouse_y;
  var windowID = $(href.split('/')).last()[0].split('.')[0];
  var $dialog = $("#" + windowID)

  var dimensions = GetPopUpDimensions(windowID);

   $('body').after('<iframe id="' + windowID + '" style="padding:0;" src="' + href +    '">  </iframe>');
   $dialog = $("#" + windowID)
   $dialog.dialog(
    {
      autoOpen: false,
      title: title,
      position: 'center',
      sticky: false,
      width: dimensions.DialogWidth,
      height: dimensions.DialogHeight,
      draggable: true,
      resizable: false,
      modal: true,
     close: function () {
        $(this).dialog('destroy');
        $("#" + windowID).remove();
    }
  });
    $dialog.load(function () {
       $dialog.dialog('open');
       $dialog.css("width", "100%"); // reset the width that is set by jquery UI
   });
 }

1 个答案:

答案 0 :(得分:1)

我使用window.parent来调用创建第二个弹出窗口及其工作的函数。