Advertisement
Guest User

by 0x40

a guest
Sep 10th, 2012
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script language="javascript" src="jquery.js"></script>
  2. <script language="javascript" src="modal.popup.js"></script>
  3. <script language="javascript">
  4.  
  5.     $(document).ready(function() {
  6.            
  7.         //Change these values to style your modal popup
  8.         var align = 'center';                                   //Valid values; left, right, center
  9.         var top = 100;                                          //Use an integer (in pixels)
  10.         var width = 500;                                        //Use an integer (in pixels)
  11.         var padding = 10;                                       //Use an integer (in pixels)
  12.         var backgroundColor = '#FFFFFF';                        //Use any hex code
  13.         var source = './more.php?id=2';                                 //Refer to any page on your server, external pages are not valid e.g. http://www.google.co.uk
  14.         var borderColor = '#333333';                            //Use any hex code
  15.         var borderWeight = 4;                                   //Use an integer (in pixels)
  16.         var borderRadius = 5;                                   //Use an integer (in pixels)
  17.         var fadeOutTime = 300;                                  //Use any integer, 0 = no fade
  18.         var disableColor = '#666666';                           //Use any hex code
  19.         var disableOpacity = 40;                                //Valid range 0-100
  20.         var loadingImage = 'lib/release-0.0.1/loading.gif';     //Use relative path from this page
  21.            
  22.         //This method initialises the modal popup
  23.         $(".modal").click(function() {
  24.             modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage);
  25.         });
  26.        
  27.         //This method hides the popup when the escape key is pressed
  28.         $(document).keyup(function(e) {
  29.             if (e.keyCode == 27) {
  30.                 closePopup(fadeOutTime);
  31.             }
  32.         });
  33.        
  34.     });
  35.    
  36. </script>
  37.  
  38. </head>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement