/[suikacvs]/www/test/charset/singlebyte/table.html
Suika

Diff of /www/test/charset/singlebyte/table.html

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 1.1 by wakaba, Fri Jun 6 14:04:45 2008 UTC revision 1.3 by wakaba, Sat Jun 7 06:29:28 2008 UTC
# Line 1  Line 1 
1  <!DOCTYPE HTML>  <!DOCTYPE HTML>
2    <head>
3    <style>
4    .match {
5      background-color: green;
6      color: white;
7    }
8    .not-match {
9      background-color: red;
10      color: white;
11    }
12    </style>
13  <body>  <body>
14    
15    <p>Specify charste name as URI query like: <a href=table.html?iso-8859-1><code class=example>table.html?iso-8859-1</code></a>
16    
17  <table>  <table>
18  <thead>  <thead><tr><th>Original Byte<th>Result String
 <tr><th>Original Byte<th>Result String  
19  <tbody>  <tbody>
20  </table>  </table>
21    
22  <iframe style=display:none></iframe>  <iframe style=display:none src=dummy></iframe>
23    
24  <script>  <script>
25    var charset = (location.search || '?').substring (1);    var query = (location.search || '?').substring (1).split (/;/);
26      var charset = decodeURIComponent (query[0] || '');
27      var plain = query[1] == 'plain';
28    var iframe = document.getElementsByTagName ('iframe')[0];    var iframe = document.getElementsByTagName ('iframe')[0];
29    var tbody = document.getElementsByTagName ('tbody')[0];    var tbody = document.getElementsByTagName ('tbody')[0];
30    var nextByte = 0x00;    var nextByte = -1;
31      var lastTimer;
32      var results = [];
33      var timeoutError = true;
34    
35      var mappingTables = {};
36      var mappingTableNames = ['ie7vista', 'safari31vista', 'opera92vista', 'fx2vista'];
37      var theadtr = document.getElementsByTagName ('thead')[0].firstChild;
38      for (var i = 0; i < mappingTableNames.length; i++) {
39        readMappingTable (charset, mappingTableNames[i]);
40        theadtr.appendChild (document.createElement ('th'))
41            .appendChild (document.createTextNode (mappingTableNames[i]));
42      }
43    
44    doNext ();    doNext ();
45    
46      function readMappingTable (charset, uaid) {
47        var c = charset.replace (/[^A-Za-z0-9_-]/g, '_');
48        var fileName = 'result/' + c + '-' + uaid + '.txt';
49        var xhr = new XMLHttpRequest ();
50        xhr.open ('GET', fileName, false);
51        xhr.send (null);
52        if (xhr.status < 400) {
53          mappingTables[uaid] = xhr.responseText.split ('\n');
54        }
55      } // readMappingTable
56        
57    function doNext () {    function doNext () {
58      if (nextByte <= 0xFF) {      clearTimeout (lastTimer);
59        timeoutError = false
60    
61        if (nextByte == -1) {
62          if (document.all && !window.opera) {
63            iframe.onreadystatechange = function () {
64              if (this.readyState == 'complete') {
65                doNext ();
66              }
67            };
68          } else {
69            iframe.onload = doNext;
70          }
71          nextByte++;
72          iframe.src = 'about:blank';
73        } else if (nextByte <= 0xFF) {
74        if (document.all && !window.opera) {        if (document.all && !window.opera) {
75          iframe.onreadystatechange = function () {          iframe.onreadystatechange = function () {
76            if (this.readyState == 'complete') {            if (this.readyState == 'complete') {
# Line 28  Line 80 
80        } else {        } else {
81          iframe.onload = addTableRow;          iframe.onload = addTableRow;
82        }        }
83          lastTimer = setTimeout (function () {
84            timeoutError = true;
85            iframe.onload = null;
86            iframe.onreadystatechange = null;
87            addTableRow ();
88          }, 5000);
89        iframe.src = 'charset.cgi/' + encodeURIComponent (charset)        iframe.src = 'charset.cgi/' + encodeURIComponent (charset)
90            + '?' + nextByte++;            + '?' + nextByte++ + (plain ? ';plain' : '');
91      } else {      } else {
92        iframe.onload = null;        iframe.onload = null;
93        iframe.onreadystatechange = null;        iframe.onreadystatechange = null;
94          doLast ();
95      }      }
96    } // doNext    } // doNext
97    
# Line 40  Line 99 
99      var tr = document.createElement ('tr');      var tr = document.createElement ('tr');
100    
101      tr.appendChild (document.createElement ('th'))      tr.appendChild (document.createElement ('th'))
102          .appendChild (document.createTextNode ('0x' + (nextByte - 1).toString (16).toUpperCase ()));          .appendChild (document.createTextNode (getByteCode (nextByte - 1)));
103    
104      var td = tr.appendChild (document.createElement ('td'));      var td = tr.appendChild (document.createElement ('td'));
105      var docbody = iframe.contentWindow.document.body;      var docbody = iframe.contentWindow.document.body;
106      var value = docbody.firstChild ? docbody.firstChild.data : '';      var value = timeoutError ? '' : docbody.firstChild ? docbody.firstChild.firstChild ? docbody.firstChild.firstChild.data : docbody.firstChild.data || '' : '';
107      for (var i = 0; i < value.length; i++) {      for (var i = 0; i < value.length; i++) {
108        td.appendChild (document.createTextNode ('U+' + value.charCodeAt (i).toString (16).toUpperCase () + ' '));        td.appendChild (document.createTextNode (getCharCode (value.charCodeAt (i)) + ' '));
109        }
110        results[nextByte - 1] = td.innerText || td.textContent;
111    
112        for (var i = 0; i < mappingTableNames.length; i++) {
113          var tableid = mappingTableNames[i];
114          var cell = tr.appendChild (document.createElement ('td'));
115          var cellValue = '';
116          if (mappingTables[tableid]) {
117            cellValue = mappingTables[tableid][nextByte - 1];
118            cell.appendChild (document.createTextNode (cellValue));
119            if (cellValue != results[nextByte - 1]) {
120              cell.className = 'not-match';
121            } else {
122              cell.className = 'match';
123            }
124          } else {
125            cell.className = 'no-data';
126          }
127      }      }
128    
129      tbody.appendChild (tr);      tbody.appendChild (tr);
130    
131      doNext ();      doNext ();
132    } // addTableRow    } // addTableRow
133    
134      function doLast () {
135        var ta = document.createElement ('textarea');
136        ta.value = results.join ('\n');
137        document.body.appendChild (ta);
138      } // doLast
139    
140      function getByteCode (c) {
141        var r = c.toString (16).toUpperCase ();
142        if (r.length < 2) {
143          r = '0' + r;
144        }
145        return '0x' + r;
146      } // getByteCode
147    
148      function getCharCode (c) {
149        var r = c.toString (16).toUpperCase ();
150        if (r.length < 2) {
151          r = '000' + r;
152        } else if (r.length < 3) {
153          r = '00' + r;
154        } else if (r.length < 4) {
155          r= '0' + r;
156        }
157        return 'U+' + r;
158      } // getCharCode
159    
160  </script>  </script>
Legend:
Removed from v.1.1  
changed lines
  Added in v.1.3
admin@suikawiki.org
 ViewVC Help
Powered by ViewVC 1.1.24