koha-tmpl/intranet-tmpl/prog/en/lib/greybox/GreyBox_v5_5/examples.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   3 <head>
   4     <title>GreyBox - Examples</title>
   5
   6     <script type="text/javascript">
   7         var GB_ROOT_DIR = "./greybox/";
   8     </script>
   9
  10     <script type="text/javascript" src="greybox/AJS.js"></script>
  11     <script type="text/javascript" src="greybox/AJS_fx.js"></script>
  12     <script type="text/javascript" src="greybox/gb_scripts.js"></script>
  13     <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
  14
  15     <script type="text/javascript" src="static_files/help.js"></script>
  16     <link href="static_files/help.css" rel="stylesheet" type="text/css" media="all" />
  17 </head>
  18 <body>
  19
  20 <script>
  21     insertHeader();
  22     insertMenu('examples');
  23 </script>
  24
  25
  26 <h3>One website</h3>
  27 <ul>
  28     <li>
  29         <a href="http://google.com/" title="Google" rel="gb_page_center[640, 480]">Launch google.com in a 640x480 window</a>
  30     </li>
  31     <li>
  32         <a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a>
  33     </li>
  34 </ul>
  35
  36 <h3>Website gallery</h3>
  37 <ul>
  38     <li>
  39         <a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
  40     </li>
  41     <li>
  42         <a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]">Launch Yahoo search</a>
  43     </li>
  44     <li>
  45         <a href="http://www.koders.com/" rel="gb_pageset[search_sites]">Launch Koders search</a>
  46     </li>
  47 </ul>
  48
  49 <h3>Image gallery</h3>
  50 <script type="text/javascript">
  51 var image_set = [{'caption': 'Flower', 'url': 'http://static.flickr.com/119/294309231_a3d2a339b9.jpg'},
  52                  {'caption': 'Nice waterfall', 'url': 'http://www.widerange.org/images/large/plitvicka.jpg'}];
  53 </script>
  54
  55 <ul>
  56     <li>
  57         <a href="#" onclick="return GB_showImageSet(image_set, 1)">Launch gallery</a>
  58     </li>
  59
  60     <li>
  61         <a href="static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">
  62             <img src="static_files/night_valley_thumb.jpg" />
  63         </a>
  64     </li>
  65
  66     <li>
  67         <a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">
  68             <img src="static_files/salt_thumb.gif" />
  69         </a>
  70     </li>
  71 </ul>
  72
  73 <h3>Without loading</h3>
  74 <script type="text/javascript">
  75 GB_myShow = function(caption, url, /* optional */ height, width, callback_fn) {
  76     var options = {
  77         caption: caption,
  78         height: height || 500,
  79         width: width || 500,
  80         fullscreen: false,
  81         show_loading: false,
  82         callback_fn: callback_fn
  83     }
  84     var win = new GB_Window(options);
  85     return win.show(url);
  86 }
  87 </script>
  88 <ul>
  89     <li>
  90         <a href="http://google.com/" onclick="return GB_myShow('Google', this.href)">Visit Google without loading</a>
  91     </li>
  92 </ul>
  93
  94 </body>
  95 </html>