Info Tutorial: popup

Showing posts with label popup. Show all posts

Sunday, March 5, 2017

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)

Go to link Download