javascript/container/sample1.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Sample: Simple Container</title>
   5 <!-- default container look and feel -->
   6 <link rel="stylesheet" href="gadgets.css">
   7 <script type="text/javascript" src="../../js/rpc.js?c=1&debug=1"></script>
   8 <script type="text/javascript" src="cookies.js"></script>
   9 <script type="text/javascript" src="util.js"></script>
  10 <script type="text/javascript" src="gadgets.js"></script>
  11 <script type="text/javascript" src="cookiebaseduserprefstore.js"></script>
  12 <script type="text/javascript">
  13 var specUrl0 = 'http://www.google.com/ig/modules/horoscope.xml';
  14 var specUrl1 = 'http://www.labpixies.com/campaigns/todo/todo.xml';
  15
  16 // This container lays out and renders gadgets itself.
  17
  18 function renderGadgets() {
  19   var gadget0 = gadgets.container.createGadget({specUrl: specUrl0});
  20   var gadget1 = gadgets.container.createGadget({specUrl: specUrl1});
  21
  22   gadgets.container.addGadget(gadget0);
  23   gadgets.container.addGadget(gadget1);
  24   gadgets.container.layoutManager.setGadgetChromeIds(
  25       ['gadget-chrome-x', 'gadget-chrome-y']);
  26
  27   gadgets.container.renderGadget(gadget0);
  28   gadgets.container.renderGadget(gadget1);
  29 };
  30 </script>
  31 </head>
  32 <body onLoad="renderGadgets();">
  33   <h2>Sample: Simple Container</h2>
  34   <div id="gadget-chrome-x" class="gadgets-gadget-chrome"></div>
  35   <div id="gadget-chrome-y" class="gadgets-gadget-chrome"></div>
  36 </body>
  37 </html>