koha-tmpl/intranet-tmpl/prog/en/lib/greybox/GreyBox_v5_5/advance_usage.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 - Advance usage</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('adv_usage');
  23 </script>
  24
  25 <h2>Methods for showing windows</h2>
  26
  27 <h3 class="first">GB_show</h3>
  28
  29 <h4>Signature:</h4>
  30 <script>
  31 insertCode(
  32     'GB_show(caption, url, /*optional*/ height, width, callback_fn)'
  33 );
  34 </script>
  35
  36 <h4>Example:</h4>
  37 <script>
  38 insertCode(
  39     '<a href="http://google.com/" onclick="return GB_show(\'Google\', this.href)">Visit Google</a>'
  40 );
  41 </script>
  42
  43 <h4>Example rendered:</h4>
  44 <a href="http://google.com/" onclick="return GB_show('Google', this.href)">Visit Google</a>
  45
  46
  47 <h3>GB_showCenter</h3>
  48
  49 <h4>Signature:</h4>
  50 <script>
  51 insertCode(
  52     'GB_showCenter(caption, url, /* optional */ height, width, callback_fn)'
  53 );
  54 </script>
  55
  56 <h4>Example:</h4>
  57 <script>
  58 insertCode(
  59     '<a href="http://google.com/" onclick="return GB_showCenter(\'Google\', this.href)">Visit Google</a>'
  60 );
  61 </script>
  62
  63 <h4>Example rendered:</h4>
  64 <a href="http://google.com/" onclick="return GB_showCenter('Google', this.href)">Visit Google</a>
  65
  66
  67 <h3>GB_showFullScreen</h3>
  68
  69 <h4>Signature:</h4>
  70 <script>
  71 insertCode(
  72     'GB_showFullScreen(caption, url, callback_fn)'
  73 );
  74 </script>
  75
  76 <h4>Example:</h4>
  77 <script>
  78 insertCode(
  79     '<a href="http://google.com/" onclick="return GB_showFullScreen(\'Google\', this.href)">Visit Google</a>'
  80 );
  81 </script>
  82
  83 <h4>Example rendered:</h4>
  84 <a href="http://google.com/" onclick="return GB_showFullScreen('Google', this.href)">Visit Google</a>
  85
  86 <h2>Methods for showing overlays</h2>
  87
  88 <h3 class="first">GB_showImage</h3>
  89 <h4>Signature:</h4>
  90 <script>
  91 insertCode(
  92     'GB_showImage(caption, url, callback_fn)'
  93 );
  94 </script>
  95
  96 <h4>Example:</h4>
  97 <script>
  98 insertCode(
  99         '<a href="http://static.flickr.com/119/294309231_a3d2a339b9.jpg"\n'+
 100         'onclick="return GB_showImage(\'Flower\', this.href)">A flower in my hand</a>'
 101 );
 102 </script>
 103
 104 <h4>Example rendered:</h4>
 105 <a href="http://static.flickr.com/119/294309231_a3d2a339b9.jpg" onclick="return GB_showImage('Flower', this.href)">A flower in my hand</a>
 106
 107 <h3>GB_showPage</h3>
 108 <h4>Signature:</h4>
 109 <script>
 110 insertCode(
 111     'GB_showPage(caption, url, callback_fn)'
 112 );
 113 </script>
 114
 115 <h4>Example:</h4>
 116 <script>
 117 insertCode(
 118     '<a href="http://google.com" onclick="return GB_showPage(\'Google\', this.href)">Show Google in another layout</a>'
 119 );
 120 </script>
 121
 122 <h4>Example rendered:</h4>
 123 <a href="http://google.com" onclick="return GB_showPage('Google', this.href)">Show Google in another layout</a>
 124
 125
 126 <h2>Methods for showing sets</h2>
 127
 128 <h3 class="first">GB_showFullScreenSet</h3>
 129 <h4>Signature:</h4>
 130 <script>
 131 insertCode(
 132     'GB_showFullScreenSet(set, start_index, callback_fn)'
 133 );
 134 </script>
 135
 136 <h4>Example:</h4>
 137 <script>
 138 insertCode(
 139     "<script>",
 140     "var page_set = [{'caption': 'Google', 'url': 'http://google.com/'},",
 141     "    {'caption': 'Yahoo', 'url': 'http://yahoo.com/'}];",
 142     "<\/script>",
 143     '<a href="#" onclick="return GB_showFullScreenSet(page_set, 1)">Show first page in page_set</a>'
 144 );
 145 </script>
 146
 147 <h4>Example rendered:</h4>
 148 <script>
 149 var page_set = [{'caption': 'Google', 'url': 'http://google.com/'},
 150     {'caption': 'Yahoo', 'url': 'http://yahoo.com/'}];
 151 </script>
 152 <a href="#" onclick="return GB_showFullScreenSet(page_set, 1)">Show first page in page_set</a>
 153
 154 <h3>GB_showImageSet</h3>
 155 <h4>Signature:</h4>
 156 <script>
 157 insertCode(
 158     'GB_showImageSet(set, start_index, callback_fn)'
 159 );
 160 </script>
 161
 162 <h4>Example:</h4>
 163 <script>
 164 insertCode(
 165     "<script>",
 166     "var image_set = [{'caption': 'Flower', 'url': 'http://static.flickr.com/119/294309231_a3d2a339b9.jpg'},",
 167     "    {'caption': 'Nice waterfall', 'url': 'http://www.widerange.org/images/large/plitvicka.jpg'}];",
 168     "<\/script>",
 169     '<a href="#" onclick="return GB_showImageSet(image_set, 1)">Show first picture in image_set</a>'
 170 );
 171 </script>
 172
 173 <h4>Example rendered:</h4>
 174 <script>
 175 var image_set = [{'caption': 'Flower', 'url': 'http://static.flickr.com/119/294309231_a3d2a339b9.jpg'},
 176     {'caption': 'Nice waterfall', 'url': 'http://www.widerange.org/images/large/plitvicka.jpg'}];
 177 </script>
 178 <a href="#" onclick="return GB_showImageSet(image_set, 1)">Show first picture in image_set</a>
 179
 180
 181 </body>
 182 </html>