charset/singlebyte/table.html

<!DOCTYPE HTML>
<body>

<table>
<thead>
<tr><th>Original Byte<th>Result String
<tbody>
</table>

<iframe style=display:none></iframe>

<script>
  var charset = (location.search || '?').substring (1);
  var iframe = document.getElementsByTagName ('iframe')[0];
  var tbody = document.getElementsByTagName ('tbody')[0];
  var nextByte = 0x00;

  doNext ();
  
  function doNext () {
    if (nextByte <= 0xFF) {
      if (document.all && !window.opera) {
        iframe.onreadystatechange = function () {
          if (this.readyState == 'complete') {
            addTableRow ();
          }
        };
      } else {
        iframe.onload = addTableRow;
      }
      iframe.src = 'charset.cgi/' + encodeURIComponent (charset)
          + '?' + nextByte++;
    } else {
      iframe.onload = null;
      iframe.onreadystatechange = null;
    }
  } // doNext

  function addTableRow () {
    var tr = document.createElement ('tr');

    tr.appendChild (document.createElement ('th'))
        .appendChild (document.createTextNode ('0x' + (nextByte - 1).toString (16).toUpperCase ()));

    var td = tr.appendChild (document.createElement ('td'));
    var docbody = iframe.contentWindow.document.body;
    var value = docbody.firstChild ? docbody.firstChild.data : '';
    for (var i = 0; i < value.length; i++) {
      td.appendChild (document.createTextNode ('U+' + value.charCodeAt (i).toString (16).toUpperCase () + ' '));
    }

    tbody.appendChild (tr);

    doNext ();
  } // addTableRow
</script>
1	wakaba	1.1	<!DOCTYPE HTML>
2			<body>
3
4			<table>
5			<thead>
6			<tr><th>Original Byte<th>Result String
7			<tbody>
8			</table>
9
10			<iframe style=display:none></iframe>
11
12			<script>
13			var charset = (location.search \|\| '?').substring (1);
14			var iframe = document.getElementsByTagName ('iframe')[0];
15			var tbody = document.getElementsByTagName ('tbody')[0];
16			var nextByte = 0x00;
17
18			doNext ();
19
20			function doNext () {
21			if (nextByte <= 0xFF) {
22			if (document.all && !window.opera) {
23			iframe.onreadystatechange = function () {
24			if (this.readyState == 'complete') {
25			addTableRow ();
26			}
27			};
28			} else {
29			iframe.onload = addTableRow;
30			}
31			iframe.src = 'charset.cgi/' + encodeURIComponent (charset)
32			+ '?' + nextByte++;
33			} else {
34			iframe.onload = null;
35			iframe.onreadystatechange = null;
36			}
37			} // doNext
38
39			function addTableRow () {
40			var tr = document.createElement ('tr');
41
42			tr.appendChild (document.createElement ('th'))
43			.appendChild (document.createTextNode ('0x' + (nextByte - 1).toString (16).toUpperCase ()));
44
45			var td = tr.appendChild (document.createElement ('td'));
46			var docbody = iframe.contentWindow.document.body;
47			var value = docbody.firstChild ? docbody.firstChild.data : '';
48			for (var i = 0; i < value.length; i++) {
49			td.appendChild (document.createTextNode ('U+' + value.charCodeAt (i).toString (16).toUpperCase () + ' '));
50			}
51
52			tbody.appendChild (tr);
53
54			doNext ();
55			} // addTableRow
56			</script>