来自 livepipe 的模态弹出窗口答案

【问题标题】：Modal popup from livepipe来自 livepipe 的模态弹出窗口
【发布时间】：2012-10-15 07:15:48
【问题描述】：

我需要使用livepipe（原型插件）的“模态窗口”在我的应用程序中制作一个弹出窗口。

其网站上的演示通过单击<a> 标签显示triggering 弹出窗口。

现在我需要制作页面，以便在页面加载时它会自动弹出弹出窗口，我在 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模拟“单击链接”的动作，以便在页面加载时触发动作。

【问题讨论】：

你认为你需要模拟什么？
标签的点击动作

标签： javascript popup

【解决方案1】：

如果您只想在页面加载时显示弹出窗口，为什么不直接在 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

【讨论】：