3

アプリケーションでポップアップウィンドウを作成するには、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>

どういうわけか<a>、JavaScriptを介してとそのhref属性をモックする必要があると思いますよね？私にとって最も難しいのは、JavaScriptを介して「リンクをクリック」するアクションをモックアップして、ページが読み込まれたときにアクションをトリガーできるようにする方法です。

4

1 に答える 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

于 2014-11-11T23:47:50.433 に答える