docs/touchIframe.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5     <title>Sencha Examples</title>
   6
   7     <script type="text/javascript" src="touch/sencha-touch-all.js"></script>
   8     <link rel="stylesheet" type="text/css" href="touch/resources/css/sencha-touch.css">
   9
  10     <style id="iframe-css" type="text/css"></style>
  11     <style type="text/css" media="screen">
  12         html {
  13             overflow: hidden
  14         }
  15
  16         .home {
  17             text-align: center;
  18         }
  19
  20         .home img {
  21             width: 64%;
  22         }
  23
  24         .home h1 {
  25             font-weight: bold;
  26             font-size: 1.2em;
  27         }
  28
  29         .home p {
  30             color: #666;
  31             font-size: 0.8em;
  32             line-height: 1.5em;
  33             margin: 10px 20px 12px 20px;
  34         }
  35
  36         .home h2 {
  37             color: #999;
  38             font-size: 0.7em;
  39         }
  40
  41                 .twitterView .x-dataview-item {
  42                         padding: 10px;
  43                         min-height: 50px;
  44                 }
  45
  46                 .twitterView .x-dataview-item img {
  47                         float: left;
  48                         display: block;
  49                         margin-top: 36px;
  50                 }
  51
  52                 .twitterView .x-dataview-item h2 {
  53                         font-weight: bold;
  54                         color: #333;
  55                         margin: 0px 0px 10px 60px;
  56                 }
  57
  58                 .twitterView .x-dataview-item p {
  59                         color: #666;
  60                         margin-left: 60px;
  61                         font-size: 0.8em;
  62                 }
  63     </style>
  64
  65     <script type="text/javascript">
  66         var refreshPage = function(code, options) {
  67             try {
  68                 document.body.innerHTML = '';
  69                 if (!options.raw) {
  70                     code = "Ext.setup({onReady: function(){" + code + "}});";
  71                 }
  72                 if (options.tablet) {
  73                     // Scale example down to 70% size. Default font-size is 114%
  74                     Ext.get('iframe-css').update("body {font-size: 79.8% !important}");
  75                 }
  76                 eval(code);
  77             } catch (e) {
  78                 document.body.innerHTML = e;
  79             }
  80         }
  81     </script>
  82 </head>
  83 <body>
  84 </body>
  85 </html>