javascript/container/sample1.html

   1 <!--
   2  * Licensed to the Apache Software Foundation (ASF) under one
   3  * or more contributor license agreements.  See the NOTICE file
   4  * distributed with this work for additional information
   5  * regarding copyright ownership.  The ASF licenses this file
   6  * to you under the Apache License, Version 2.0 (the
   7  * "License"); you may not use this file except in compliance
   8  * with the License.  You may obtain a copy of the License at
   9  *
  10  *   http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  * Unless required by applicable law or agreed to in writing,
  13  * software distributed under the License is distributed on an
  14  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15  * KIND, either express or implied.  See the License for the
  16  * specific language governing permissions and limitations
  17  * under the License.
  18 -->
  19 <!DOCTYPE html>
  20 <html>
  21 <head>
  22 <title>Sample: Simple Container</title>
  23 <!-- default container look and feel -->
  24 <link rel="stylesheet" href="gadgets.css">
  25 <script type="text/javascript" src="../../js/rpc.js?c=1&debug=1"></script>
  26 <script type="text/javascript" src="cookies.js"></script>
  27 <script type="text/javascript" src="util.js"></script>
  28 <script type="text/javascript" src="gadgets.js"></script>
  29 <script type="text/javascript" src="cookiebaseduserprefstore.js"></script>
  30 <script type="text/javascript">
  31 var specUrl0 = 'http://www.google.com/ig/modules/horoscope.xml';
  32 var specUrl1 = 'http://www.labpixies.com/campaigns/todo/todo.xml';
  33
  34 // This container lays out and renders gadgets itself.
  35
  36 function renderGadgets() {
  37   var gadget0 = gadgets.container.createGadget({specUrl: specUrl0});
  38   var gadget1 = gadgets.container.createGadget({specUrl: specUrl1});
  39
  40   gadgets.container.addGadget(gadget0);
  41   gadgets.container.addGadget(gadget1);
  42   gadgets.container.layoutManager.setGadgetChromeIds(
  43       ['gadget-chrome-x', 'gadget-chrome-y']);
  44
  45   gadgets.container.renderGadget(gadget0);
  46   gadgets.container.renderGadget(gadget1);
  47 };
  48 </script>
  49 </head>
  50 <body onLoad="renderGadgets();">
  51   <h2>Sample: Simple Container</h2>
  52   <div id="gadget-chrome-x" class="gadgets-gadget-chrome"></div>
  53   <div id="gadget-chrome-y" class="gadgets-gadget-chrome"></div>
  54 </body>
  55 </html>