DIR : /home/kozerus/public_html/jkwii/js/jsdoit/sencha_touchoverlays/index.html

/home/kozerus/public_html/jkwii/js/jsdoit/sencha_touchoverlays

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Sencha Touch overlays example - js do it</title>
<meta name="Description" content="" />
<meta name="Keywords"  content="" />

<link rel="stylesheet" type="text/css" media="screen,print" href="http://jsdo.it/lib/sencha-touch-beta-0.91/css" />

<link rel="stylesheet" type="text/css" media="screen,print" href="style.css" />
</head>
<body>
<!-- generated by: jsdo.it - http://jsdo.it/mash/sencha-touch-overlays-example -->
<!-- Copyright mash - http://jsdo.it/mash -->
<!-- All Rights Reserved. -->
  <div style="display: none;">
    <div id="lipsum">
      <p><em>This content is in a scrollable panel. It also makes use of the <code>htmlcontent</code> class, which will automatically apply some basic typography to the content. Some filler text:</em></p>
      <h2>This is a title</h2>
      <h3>This is a subhead</h3>

      <p>This is some text of dubious character. Isn&rsquo;t the use
      of &ldquo;quotes&rdquo; just lazy writing&mdash;and theft of &lsquo;intellectual
      property&rsquo; besides? I think the time has come to see a block quote.</p>

      <blockquote>
        <p lang="fr" xml:lang="fr">This is a block quote. I&rsquo;ll admit it&rsquo;s not
        the most exciting block quote ever devised.</p>

      </blockquote>

      <p>Simple list:</p>

      <ol style="color:blue;">
        <li>one</li>
        <li>two</li>
      </ol>

      <ol>
        <li>three
          <p>Multi-level list:</p>
        </li>

        <li>one
          <ol>
            <li>aye</li>
            <li>bee</li>

          </ol>

          <ol>
            <li>see</li>
            <li>two</li>
            <li>x</li>
          </ol>

          <ol>
            <li>y</li>
          </ol>
        </li>
      </ol>

      <ol>
        <li>three
          <p>Mixed list:</p>

          <ul>
            <li>Point one</li>
            <li>Point two
              <ol>
                <li>Step 1</li>
                <li>Step 2</li>
              </ol>
            </li>

            <li style="list-style: none; display: inline">
              <ol>
                <li>Step 3</li>
                <li>Point three
                  <ul>
                    <li>Sub point 1</li>
                  </ul>
                </li>

              </ol>
            </li>
          </ul>
        </li>
      </ol>

      <ul>
        <li>Sub point 2
          <p>Well, that went well. How about we insert an <a href="/" title=
          "watch out">old-fashioned hypertext link</a>? Will the quote marks in the tags
          get messed up? No!</p>

          <p><a href="http://www.textism.com" title="optional title">This is a
          link</a></p>

          <table style="border:1px solid black;">
            <tr>
              <th>this</th>

              <th>is</th>

              <th>a</th>

              <th>header</th>
            </tr>

            <tr style="background:gray;text-align:left;">
              <td colspan="2">this is</td>

              <td style="background:red;width:200px;">a</td>

              <td style="vertical-align:top;height:200px;text-align:justify;">row</td>
            </tr>

            <tr>
              <td>this</td>

              <td style="padding:10px;text-align:justify;">is</td>

              <td style="vertical-align:top;">another</td>

              <td class="bob" id="bob">row</td>
            </tr>
          </table>

          <p>An image:</p>

          <p><img src="icon.png" title="optional alt text" alt="optional alt text" /></p>

          <ol>
            <li>Librarians rule</li>
          </ol>
        </li>
      </ul>

      <ul>
        <li>Yes they do</li>

        <li style="list-style: none; display: inline">
          <ol>
            <li>But you knew that

              <p>Some more text of dubious character. Here is a noisome string of CAPITAL
              letters. Here is something we want to <em>emphasize</em>.<br />
              That was a linebreak. And something to indicate <strong>strength</strong>.
              Of course I could use <em>my own HTML tags</em> if I <strong>felt</strong>

              like it.</p>

              <h3>Coding</h3>

              <p>This <code>is some code, "isn't it"</code>. Watch those quote marks! Now
              for some preformatted text:</p>
              <pre>
            <code>

            $text = str_replace("&lt;p&gt;%::%&lt;/p&gt;","",$text);
            $text = str_replace("%::%&lt;/p&gt;","",$text);
            $text = str_replace("%::%","",$text);

            </code>
            
</pre>

              <p>This isn&rsquo;t code.</p>

              <p>So you see, my friends:</p>

              <ul>
                <li>The time is now</li>

                <li>The time is not later</li>

                <li>The time is not yesterday</li>

              </ul>
            </li>
          </ol>

          <ul>
            <li>We must act</li>
          </ul>
        </li>
      </ul>

    </div>
  </div>


<script type="text/javascript" src="http://jsdo.it/lib/sencha-touch-beta-0.91/js"></script>

<script type="text/javascript" src="index.js"></script>
</body>
</html>
//


koh5_pano



Your browser does not support the HTML5 canvas element.
Drag mouse to navigate.

Navigation





17.Aug.2010, Martin Wengenmayer