Home | History | Annotate | Download | only in examples
      1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
      2 <html>
      3 <head>
      4 <title>TEST</title>
      5 </head>
      6 <style type="text/css">
      7 a {color: #9f9; text-decoration: none}
      8 a:hover {color: #0f0}
      9 hr {color: #0f0}
     10 html,table,body,textarea,input,form
     11 {
     12 font-family: "Courier New", Courier, mono; 
     13 font-size: 8pt; 
     14 color: #0c0;
     15 background-color: #020;
     16 margin:0;
     17 padding:0;
     18 border:0;
     19 }
     20 input { background-color: #010; }
     21 textarea {
     22 border-width:1;
     23 border-style:solid;
     24 border-color:#0c0;
     25 padding:3;
     26 margin:3;
     27 }
     28 </style>
     29 <script>
     30 var foo="" +
     31 " 123456789012345678901234567890123456789012345 789012345678901234567890123456789"+
     32 "0 2345678901234567890123456789012345678901234 6 89012345678901234567890123456789"+
     33 "01 34567890123456789012345678901234567890123 567 9012345678901234567890123456789"+
     34 "012 456789012345678901234567890123456789012 45678 012345678901234567890123456789"+
     35 "0123 5678901234567890123456789012345678901 3456789 12345678901234567890123456789"+
     36 "01234 67890123456789012345678901234567890 234567890 2345678901234567890123456789"+
     37 "012345 789012345678901234567890123456789 12345678901 345678901234567890123456789"+
     38 "0123456 8901234567890123456789012345678 0123456789012 45678901234567890123456789"+
     39 "01234567 90123456789012345678901234567 901234567890123 5678901234567890123456789"+
     40 "012345678 012345678901234567890123456 89012345678901234 678901234567890123456789"+
     41 "0123456789 1234567890123456789012345 7890123456789012345 78901234567890123456789"+
     42 "01234567890 23456789012345678901234 678901234567890123456 8901234567890123456789"+
     43 "012345678901 345678901234567890123 56789012345678901234567 901234567890123456789"+
     44 "0123456789012 4567890123456789012 4567890123456789012345678 0123456789012345678 "+
     45 "01234567890123 56789012345678901 345678901234567890123456789 12345678901234567 9"+
     46 "012345678901234 678901234567890 23456789012  567  01234567890 234567890123456 89"+
     47 "0123456789012345 7890123456789 123457789012  567  012345678901 3456789012345 789"+
     48 "01234567890123456 89012345678 012345678901234567890123456789012 45678901234 6789"+
     49 "012345678901234567 901234567 90123456789 12345678901 34567890123 567890123 56789"+
     50 "0123456789012345678 0123456 8901234567890  3456789  2345678901234 6789012 456789"+
     51 "01234567890123456789 12345 7890123456789012       0123456789012345 78901 3456789"+
     52 "012345678901234567890 234 67890123456789012345678901234567890123456 890 23456789"+
     53 "0123456789012345678901 3 5678901234567890123456789012345678901234567 9 123456789"+
     54 "01234567890123456789012 456789012345678901234567890123456789012345678 0123456789";
     55 function start2()
     56 {
     57     // get the reference for the body
     58     //var mybody = document.getElementsByTagName("body")[0];
     59     var mybody = document.getElementById("replace_me");
     60     var myroot = document.getElementById("a_parent");
     61     mytable = document.createElement("table");
     62     mytablebody = document.createElement("tbody");
     63     mytable.setAttribute("border","0");
     64     mytable.setAttribute("cellspacing","0");
     65     mytable.setAttribute("cellpadding","0");
     66     for(var j = 0; j < 24; j++)
     67     {
     68         mycurrent_row = document.createElement("tr");
     69         for(var i = 0; i < 80; i++)
     70         {
     71             mycurrent_cell = document.createElement("td");
     72             offset = (j*80)+i;
     73             currenttext = document.createTextNode(foo.substring(offset,offset+1));
     74             mycurrent_cell.appendChild(currenttext);
     75             mycurrent_row.appendChild(mycurrent_cell);
     76         }
     77         mytablebody.appendChild(mycurrent_row);
     78     }
     79     mytable.appendChild(mytablebody);
     80     myroot.replaceChild(mytable,mybody);
     81     //mybody.appendChild(mytable);
     82 }
     83 </script>
     84 <body onload="start2();">
     85 <table align="LEFT" border="0" cellspacing="0" cellpadding="0">
     86 <div id="a_parent">
     87 <span id="replace_me">
     88 <tr align="left" valign="left">
     89     <td>/</td>
     90     <td>h</td>
     91     <td>o</td>
     92     <td>m</td>
     93     <td>e</td>
     94     <td>/</td>
     95     <td>n</td>
     96     <td>o</td>
     97     <td>a</td>
     98     <td>h</td>
     99     <td>/</td>
    100     <td>&nbsp;</td>
    101 </tr>
    102 </table>
    103 </span>
    104 </div>
    105 </body>
    106 </html>