text-ticker/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html>
   3 <head><title>Text Ticker</title></head>
   4 <link rel="stylesheet" href="../style/pixelless.css" type="text/css"/>
   5 <style>
   6         #target{
   7                 color: #290;
   8                 text-shadow: 0 0 .3em #290;
   9         }
  10 </style>
  11 <body>
  12 <div id="container">
  13     <div class="content header">
  14         <h1 id="out">Text Ticker</h1>
  15     </div>
  16
  17     <div class="content">
  18                 <textarea id="src" rows="8" cols="50" style="border: 1px solid gray">10 PRINT 'HELLO WORLD'
  19 20 GOTO 40
  20 30 PRINT 'INFINITE LOOP'
  21 40 GOTO 30</textarea>
  22
  23         <button id="click">Click</button>
  24
  25         <pre id="target"></pre>
  26
  27         <div class="empty_footer">
  28         </div>
  29     </div>
  30 </div>
  31 <div id="footer">
  32     <div class="content">
  33         &copy;
  34         Vynogradov
  35         2011
  36     </div>
  37 </div>
  38
  39
  40 <script type="text/javascript" src="script/tt.js">
  41
  42 </script>
  43 <script type="text/javascript">
  44
  45         var target = document.getElementById('target');
  46         var src = document.getElementById('src');
  47
  48         document.getElementById('click').onclick = function()   {
  49                 (new TextTicker(target,src.value)).start();
  50                 return false;
  51         }
  52 </script>
  53 </body>
  54 </html>