0
我想從一個iframe中調用一個jQuery彈出窗口函數。如何從iframe調用這個jQuery函數?
在我的外部.js文件包含在我父框架我有這樣的:
(function($){
$.fn.popupWindow = function(instanceSettings){
return this.each(function(){
$(this).click(function(){
$.fn.popupWindow.defaultSettings = {
centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
height:500, // sets the height in pixels of the window.
left:0, // left position when the window appears.
location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
width:500, // sets the width in pixels of the window.
windowName:null, // name of window set from the name attribute of the element that invokes the click
windowURL:null, // url used for the popup
top:0, // top position when the window appears.
toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
};
settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});
var windowFeatures = 'height=' + settings.height +
',width=' + settings.width +
',toolbar=' + settings.toolbar +
',scrollbars=' + settings.scrollbars +
',status=' + settings.status +
',resizable=' + settings.resizable +
',location=' + settings.location +
',menuBar=' + settings.menubar;
settings.windowName = this.name || settings.windowName;
settings.windowURL = this.href || settings.windowURL;
var centeredY,centeredX;
if(settings.centerBrowser){
if ($.browser.msie) {//hacked together for IE browsers
centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
}else{
centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
}
window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
}else if(settings.centerScreen){
centeredY = (screen.height - settings.height)/2;
centeredX = (screen.width - settings.width)/2;
window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
}else{
window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();
}
return false;
});
});
};
})(jQuery);
在我父框架我有這樣的:
<script type="text/javascript" src="...jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.popit').popupWindow({
height:350,
width:450,
centerBrowser:1
});
});
</script>
如果我把下面一行在我父框架我得到預期的結果 - 彈出作品:
<a href="http://www.bbc.co.uk" title="bbc.co.uk" class="popit" name="windowx">BBC<a/>
popupWindow函數與p opit類 - 沒問題。但是,如何修改上述代碼以便從iframe中調用此函數,以及iframe中的JavaScript是如何實現的?
'調用從你的意思是一個iframe'此功能,彈出的iframe或點擊(或其他事件)的iframe創建彈出? – 2010-09-14 13:45:48
爲什麼你不能在頁面中使用Javascript和所有內容,只需使用頁面中的Javascript來控制iFrame?接縫更合乎邏輯,更直接。 – Frankie 2010-09-14 13:53:16
基本上我有一個應用程序在iframe中運行。當你嘗試從iframe進行oauth登錄時Twitter會打破iframe,因此我在彈出窗口中執行oauth。 – Owen 2010-09-14 15:38:49