来自livepipe的模态弹出窗口

3
我需要使用livepipe(一个原型插件)的“模态窗口”在我的应用程序中制作弹出窗口。它的网站演示展示了通过点击<a>标签触发弹出窗口。现在我需要使页面在加载时自动弹出弹出窗口,我对JavaScript不是很熟悉,有人能帮忙说明一下如何做吗?我将在下面发布通过<a>标签执行此操作的脚本。
<body>
<div id = "zhao" >
<iframe src='http://www.netease.com' width='500px' height='500'></iframe>
</div>
<a id="modal" href="#zhao">Modal Window</a>
</body>    

<script type='text/javascript' src='http://livepipe.net/javascripts/all.js?1256410438'></script> 

<script type= 'text/javascript'>
//Modal Window 
document.observe('dom:loaded',function(){ 

var modal = new Control.Modal($('modal'),{  
    overlayOpacity: 0.75,  
    className: 'modal',  
    fade: true  
});  

});
</script>

我想我需要通过javascript来模拟标签及其href属性,对吗?对我而言最困难的是如何通过javascript模拟“点击链接”的操作,这样当页面加载时我就可以触发该操作。


你认为你需要模拟什么? - pedrofurla
<a>标签的点击动作 - Zhao Peng
1个回答

0
如果您只想在页面加载时显示弹出窗口,为什么不直接在modal对象上调用.open()呢?您不必模拟单击<a>的操作。
<script type= 'text/javascript'>
//Modal Window 
document.observe('dom:loaded',function(){ 

var modal = new Control.Modal($('modal'),{  
    overlayOpacity: 0.75,  
    className: 'modal',  
    fade: true  
});  

modal.open();

});
</script>

API:http://livepipe.net/control/window


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接