javascript/container/sample3.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: Container with FloatLeft Layout</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
  33 function init() {
  34   gadgets.container.layoutManager =
  35       new gadgets.FloatLeftLayoutManager('layout-root');
  36
  37   for (var i = 0; i < 13; i++) {
  38     gadgets.container.addGadget(
  39         gadgets.container.createGadget({specUrl: specUrl0}));
  40   }
  41 };
  42
  43 function renderGadgets() {
  44   gadgets.container.renderGadgets();
  45 };
  46 </script>
  47 </head>
  48 <body onLoad="init();renderGadgets();">
  49   <h2>Sample: Container with FloatLeft Layout</h2>
  50   <div id="layout-root" class="gadgets-layout-root"></div>
  51 </body>
  52 </html>