You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.2 KiB
85 lines
2.2 KiB
;
|
|
const table = document.querySelector('table');
|
|
const tbody = document.createElement('tbody');
|
|
iniitial_data.forEach((elm)=>{
|
|
const tr = document.createElement('tr');
|
|
let td = document.createElement('td');
|
|
td.textContent = String.fromCodePoint(elm.unicode);
|
|
tr.appendChild(td);
|
|
td = document.createElement('td');
|
|
td.textContent = `U+${('0000' + elm.unicode.toString(16)).slice(-4)}`;
|
|
tr.appendChild(td);
|
|
td = document.createElement('td');
|
|
td.textContent = `${elm.jis.type}`;
|
|
tr.appendChild(td);
|
|
td = document.createElement('td');
|
|
td.textContent = `${elm.jis.subtype}`;
|
|
tr.appendChild(td);
|
|
td = document.createElement('td');
|
|
const blen = (elm.jis.code < 0x100) ? 1 : 2;
|
|
td.textContent = `0x${("00".repeat(blen) + elm.jis.code.toString(16)).slice(-2*blen)}`;
|
|
tr.appendChild(td);
|
|
td = document.createElement('td');
|
|
td.classList.add('kanji_code_left');
|
|
const ul = document.createElement('ul');
|
|
elm.ms932.forEach((sjis, i)=>{
|
|
if (i <= 2) {
|
|
const li = document.createElement('li');
|
|
const blen = (sjis < 0x100) ? 1 : 2;
|
|
li.textContent = `0x${("00".repeat(blen) + sjis.code.toString(16)).slice(-2*blen)}(${sjis.type})`;
|
|
ul.appendChild(li);
|
|
}
|
|
});
|
|
if (elm.ms932.length > 3) {
|
|
const li = document.createElement('li');
|
|
li.textContent = `...(*${elm.ms932.length - 3})`;
|
|
ul.appendChild(li);
|
|
}
|
|
td.appendChild(ul);
|
|
tr.appendChild(td);
|
|
tbody.appendChild(tr);
|
|
});
|
|
table.appendChild(tbody);
|
|
})();
|
|
</script>
|
|
<style>
|
|
table.kanji_code {
|
|
border: 1px black solid;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.kanji_code * {
|
|
font-family: monospace;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
table.kanji_code th {
|
|
border: 1px darkgray solid;
|
|
background: darkblue;
|
|
color: white;
|
|
}
|
|
|
|
table.kanji_code td {
|
|
border: 1px darkgray solid;
|
|
text-align: center;
|
|
}
|
|
|
|
table.kanji_code td.kanji_code_left {
|
|
text-align: left;
|
|
}
|
|
|
|
table.kanji_code tr {
|
|
vertical-align: top;
|
|
}
|
|
|
|
table.kanji_code ul {
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
table.kanji_code li {
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
</style>
|