我需要使用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模拟“点击链接”的动作,这样我就可以在页面加载时触发动作。
答案 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>