来自livepipe的模态弹出窗口

时间:2012-10-15 07:15:48

标签: javascript popup

我需要使用livepipe的“模态窗口”(原型插件)在我的应用程序中创建一个弹出窗口。

在其网站上的演示通过点击triggering标记显示<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模拟<a>及其href属性,对吧?对我来说最难的是如何通过javascript模拟“点击链接”的动作,这样我就可以在页面加载时触发动作。

1 个答案:

答案 0 :(得分: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