javascript/samplecontainer/samplecontainer.html

   1 <html>
   2 <head>
   3 <title>Gadget testing container</title>
   4 <link rel="stylesheet" href="../container/gadgets.css">
   5 <style type="text/css">
   6   body {
   7     font-family: arial, sans-serif;
   8   }
   9
  10   #headerDiv {
  11     padding: 10px;
  12     margin-bottom: 20px;
  13     background-color: #e5ecf9;
  14     color: #3366cc;
  15     font-size: larger;
  16     font-weight: bold;
  17   }
  18
  19   .subTitle {
  20     font-size: smaller;
  21     float: right;
  22   }
  23
  24   .gadgets-gadget-chrome {
  25     width: 60%;
  26     float: none;
  27     margin: auto;
  28   }
  29
  30   .gadgets-gadget {
  31     width: 100%;
  32   }
  33
  34 </style>
  35
  36 <script type="text/javascript" src="../../js/core:rpc?debug=1"></script>
  37 <script type="text/javascript" src="../container/cookies.js"></script>
  38 <script type="text/javascript" src="../container/util.js"></script>
  39 <script type="text/javascript" src="../container/gadgets.js"></script>
  40 <script type="text/javascript" src="samplecontainer.js"></script>
  41
  42 </head>
  43 <body onLoad="shindig.samplecontainer.initSampleContainer();
  44     shindig.samplecontainer.unpackFormState(); shindig.samplecontainer.initGadget();">
  45   <div id="headerDiv">
  46     <div style="float:left">Gadget testing container</div>
  47     <div class="subTitle">
  48       Displaying gadget: <input type="text" size="75" id="gadgetUrl"/>
  49       <input type="checkbox" id="useCacheCheckbox" checked="true"
  50        /><label for="useCacheCheckbox">use cache</label>
  51       <input type="checkbox" id="useCajaCheckbox"
  52        /><label for="useCajaCheckbox">use caja</label>
  53       <input type="checkbox" id="usePermissiveCheckbox"
  54        /><label for="usePermissiveCheckbox">use permissive</label>
  55
  56       <br/>
  57
  58       Using state: <input type="text" size="75" id="stateFileUrl"/>
  59       <input type="checkbox" id="doEvilCheckbox"
  60        /><label for="doEvilCheckbox">do evil</label>
  61
  62       <br/>
  63       <br/>
  64       Viewer id: <input type="text" size="20" id="viewerId"/>
  65       Owner id: <input type="text" size="20" id="ownerId"/>
  66
  67       <br/>
  68
  69       <input type="button" value="reset all" onclick="shindig.samplecontainer.changeGadgetUrl();"/>
  70       <input type="button" value="dump state" onclick="shindig.samplecontainer.dumpStateFile();"/>
  71     </div>
  72     <div style="clear:both; height: 1px;">&nbsp;</div>
  73   </div>
  74
  75   <div id="gadgetState" style="font-size:smaller"></div>
  76   <div id="gadget-chrome" class="gadgets-gadget-chrome"></div>
  77 </body>
  78 </html>