koha-tmpl/opac-tmpl/prog/en/lib/greybox/GreyBox_v5_5/normal_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 - Normal 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
  19 <body>
  20
  21 <script>
  22     insertHeader();
  23     insertMenu('nrm_usage');
  24 </script>
  25
  26 <h2>Showing images</h2>
  27
  28 <h3 class="first">Showing one image:</h3>
  29 <h4>Syntax:</h4>
  30 <pre>
  31 <code>&lt;a href="URL" title="CAPTION" rel="gb_image[]"&gt;HTML&lt;/a&gt;</code>
  32 </pre>
  33
  34 <h4>Example:</h4>
  35 <pre>
  36 <code>&lt;a href="http://static.flickr.com/119/294309231_a3d2a339b9.jpg" title="Flower" rel="gb_image[]"&gt;Show flower&lt;/a&gt;</code>
  37 </pre>
  38
  39 <h4>Example rendered:</h4>
  40 <a href="http://static.flickr.com/119/294309231_a3d2a339b9.jpg" title="Flower" rel="gb_image[]">Show flower</a>
  41
  42
  43 <h3>Showing a group of images:</h3>
  44 <h4>Syntax:</h4>
  45 <pre>
  46 <code>&lt;a href="URL" title="CAPTION" rel="gb_imageset[NAME]"&gt;HTML&lt;/a&gt;</code>
  47 <code>&lt;a href="URL" title="CAPTION" rel="gb_imageset[NAME]"&gt;HTML&lt;/a&gt;</code>
  48 </pre>
  49
  50 <h4>Example:</h4>
  51 <pre>
  52 <code>&lt;a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile"&gt;Salt flats&lt;/a&gt;</code>
  53 <code>&lt;a href="static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley"&gt;Night valley&lt;/a&gt;</code>
  54 </pre>
  55
  56 <h4>Example rendered:</h4>
  57 <a href="static_files/salt.jpg" rel="gb_imageset[nice_pics]" title="Salt flats in Chile">Salt flats</a>
  58 <a href="static_files/night_valley.jpg" rel="gb_imageset[nice_pics]" title="Night valley">Night valley</a>
  59
  60
  61 <h2>Showing pages</h2>
  62
  63 <h3>Showing one page:</h3>
  64 <h4>Syntax:</h4>
  65 <pre>
  66 <code>&lt;a href="URL" title="CAPTION" rel="gb_page[WIDTH, HEIGHT]"&gt;HTML&lt;/a&gt;</code>
  67 </pre>
  68
  69 <h4>Example:</h4>
  70 <pre>
  71 <code>&lt;a href="http://google.com/" title="Google" rel="gb_page[500, 500]"&gt;Launch Google.com&lt;/a&gt;</code>
  72 </pre>
  73
  74 <h4>Example rendered:</h4>
  75 <a href="http://google.com/" title="Google" rel="gb_page[500, 500]">Launch Google.com</a>
  76
  77
  78 <h3>Showing one page as center window:</h3>
  79 <h4>Syntax:</h4>
  80 <pre>
  81 <code>&lt;a href="URL" title="CAPTION" rel="gb_page_center[WIDTH, HEIGHT]"&gt;HTML&lt;/a&gt;</code>
  82 </pre>
  83
  84 <h4>Example:</h4>
  85 <pre>
  86 <code>&lt;a href="http://google.com/" title="Google" rel="gb_page_center[500, 500]"&gt;Launch Google.com&lt;/a&gt;</code>
  87 </pre>
  88
  89 <h4>Example rendered:</h4>
  90 <a href="http://google.com/" title="Google" rel="gb_page_center[500, 500]">Launch Google.com</a>
  91
  92
  93 <h3>Showing one page in fullscreen:</h3>
  94 <h4>Syntax:</h4>
  95 <pre>
  96 <code>&lt;a href="URL" title="CAPTION" rel="gb_page_fs[]"&gt;HTML&lt;/a&gt;</code>
  97 </pre>
  98
  99 <h4>Example:</h4>
 100 <pre>
 101 <code>&lt;a href="http://google.com/" title="Google" rel="gb_page_fs[]"&gt;Launch Google.com&lt;/a&gt;</code>
 102 </pre>
 103
 104 <h4>Example rendered:</h4>
 105 <a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch Google.com</a>
 106
 107 <h3>Showing a group of pages:</h3>
 108 <h4>Syntax:</h4>
 109 <pre>
 110 <code>&lt;a href="URL" title="CAPTION" rel="gb_pageset[NAME]"&gt;HTML&lt;/a&gt;</code>
 111 <code>&lt;a href="URL" title="CAPTION" rel="gb_pageset[NAME]"&gt;HTML&lt;/a&gt;</code>
 112 </pre>
 113
 114 <h4>Example:</h4>
 115 <pre>
 116 <code>&lt;a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]"&gt;Launch Google search&lt;/a&gt;</code>
 117 <code>&lt;a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]"&gt;Launch Yahoo search&lt;/a&gt;</code>
 118 </pre>
 119
 120 <h4>Example rendered:</h4>
 121 <a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
 122 <a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]">Launch Yahoo search</a>
 123
 124
 125 </body>
 126 </html>