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	<!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>