Bootstrap Templates Bundle

Monday, January 14, 2013

Popup Window (jquery.popupWindow.js)

Demo1 code:  <p><a href="http://www.yahoo.com" title="yahoo.com" class="example1demo">open popup</a></p>
<script type="text/javascript">$('.example1demo').popupWindow({height:500,width:800,top:50,left:50});</script>


Demo2 code: <p><a href="http://www.google.com" title="google.com" class="example2demo" name="windowX">open google.com</a> | <a href="http://www.cnn.com" title="cnn.com" class="example2demo" name="windowX">open cnn.com, using the same window used to open google.com</a></p><script type="text/javascript">$('.example2demo').popupWindow({centerBrowser:1});</script>

Demo3 code: <p><a href="http://www.aol.com" class="example3demo">open aol.com</a> | <a href="http://www.msn.com" class="example3demo">open msn.com</a></p><script type="text/javascript">$('.example3demo').popupWindow({centerScreen:1});</script>

Demo4 code: <p><button class="example4demo">open window</button></p><script type="text/javascript">$('.example4demo').popupWindow({windowURL:'http://code.google.com/p/swip/',windowName:'swip'});</script>

Source: Popup Window (jquery.popupWindow.js)

No comments:

Post a Comment

Wokiee React eCommerce Template