Breaking News

Loading...

colorbox, jquey

Jquery popup using colorbox iframe load external page

11:22 PM Unknown 0 Comments

Jquery popup using colorbox iframe load External page

Online Links

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">

Download files

colorbox.css

colorbox.js

Code:

index.html

<html> <head> <link rel="stylesheet" href="colorbox.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../jquery.colorbox.js"></script> <script> $(document).ready(function(){ $("#click").colorbox({width:"60%", height:"60%", iframe:true }); }); </script> </head> <body> <p></p> <p></p> <a href="login.html" id="click">Click Me!</a> </body></html>

login.html

<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="../jquery.colorbox.js"></script> <script> </script> </head> <body>

<-- this link is used to clode the color box popup window-->

<a href='#' onclick='parent.$.colorbox.close(); return false;'>close this iframe</a> </body></html>

By Unknown

0 comments