<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

    <head>
      <script type="text/javascript"><!--
          function draw(beginn) {

              document.open();
              document.writeln('<table align="center" border="1" style="border-color: #eeeeee" cellspacing="0" cellpadding="3">');
              document.writeln('<tr><td colspan="16"><p>');
              if (beginn-256 > 0)    { document.writeln('<a href="?'+(beginn-256)+'" target="_self">zur&uuml;ck</a>'); };
              document.writeln('&nbsp;');
              if (beginn+256 < 20000) { document.writeln('<a href="?'+(beginn+256)+'" target="_self">weiter</a>'); };
              document.writeln('</p></td></tr>');

              for (var i=beginn; i < beginn+256; i++) {
                 if ((i-1)%16 == 0) { document.write('<tr>'); };
                 document.writeln('<td>');
                 if (i <= 32) {
                     document.writeln('<a class="entry" href="javascript://" title="White-Space" onclick="if (document.getElementById) {(document.getElementById(\'sign\')).innerHTML=\'&\\lt;SPACE&\\gt;\';}; document.form.text.value=\'&amp;#'+i+';\'"><div></div></A>');
                 } else {
                     document.writeln('<a class="entry" href="javascript://" title="&#'+i+';" onclick="if (document.getElementById) {(document.getElementById(\'sign\')).innerHTML=\'&\\#'+i+';\';}; document.form.text.value=\'&amp;#'+i+';\'"><DIV>&#'+i+';</div></A>');
                 };
                 document.writeln('</td>');
                 if ((i-1)%16 == 15) { document.write('</tr>'); };
              };
              document.writeln('<tr><td colspan="16">');
              document.writeln('<p>Zeichen: '+beginn+' bis '+(beginn+255)+'</p>');
              document.writeln('</td></tr>');

              document.writeln('</table>');
              document.close();
              document.focus();
          };

      //--></script>
      <title>Zeichentabellen</title>
      <style type="text/css">table { border: 1px cornflowerblue solid }
             input { border: 1px cornflowerblue solid;
                     color: cornflowerblue; font-family: Arial, Verdana, Helvetica, sans-serif;
                     font-size: 10pt; background-color: #F0F0FA }
             a     { color: midnightblue; text-decoration: none; font-size: 8pt }
             td    { text-align: center }
             p     { Color: black; font-weight: bold; text-align: center; font-family: Arial, Verdana, Helvetica; font-size: 10pt }
             a.entry:hover { background-color: #DDDDDD; color: black }
             div   { width: 10px }
             span  { font-size: 16pt; color: #808080; width: 30px }
      </style>
    </head>

    <body bgcolor="white">

      <h2><span style="color: #808080; font-family: Arial, Helvetica, sans-serif;">Zeichentabellen:</span>
      <hr noshade color="#7789B3" align="left" width="90%">

      <form name="form"><p><span ID="sign">&nbsp;</span>&nbsp;&nbsp;Entity&nbsp;<input readonly size="10" type="text" id="text" name="text"></p></form>

      <script type="text/javascript"><!--
          var parameter = location.search.substring(1, location.search.length);

          if (parameter != null && parameter != "") {
            draw(parameter*1);
          } else {
            draw(1);
          };

      //--></script>

    </body>

</html>