0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

add unicode demo

Browse source
This commit is contained in:
rolux 2011-11-30 15:55:36 +01:00
parent 0c4a30ecc5
commit 8e68992ea0
3 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
demos/unicode/css/unicode.css Normal file
View file

@ -0,0 +1,10 @@
td {
font-family: Lucida Grande, Helvetica, Arial;
font-size: 16px;
}
td:first-child {
padding-right: 16px;
font-weight: bold;
text-align: right;
}

11
demos/unicode/index.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE HTML>
<html>
<head>
<title>OxJS Unicode Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="css/unicode.css"/>
<script type="text/javascript" src="../../build/Ox.js"></script>
<script type="text/javascript" src="js/unicode.js"></script>
</head>
<body></body>
</html>

28
demos/unicode/js/unicode.js Normal file
View file

@ -0,0 +1,28 @@
Ox.load({UI: {}, Unicode: {}}, function() {
var ascii = {},
$body = Ox.UI.$body.css({overflow: 'auto'}),
$table = $('<table>').appendTo($body);
Ox.forEach(Ox.UNICODE_CHARACTERS, function(data, char) {
if (data.ascii) {
ascii[data.ascii] = ascii[data.ascii] || [];
ascii[data.ascii].push({char: char, names: data.names});
}
});
Ox.print(ascii);
Ox.forEach(Object.keys(ascii).sort(function(a, b) {
return a.length * 1000000 + a.charCodeAt(0)
- b.length * 1000000 - b.charCodeAt(0);
}), function(char) {
var $tr = $('<tr>').appendTo($table);
$('<td>').html(char).appendTo($tr)
ascii[char].forEach(function(data) {
$('<td>').attr({title: data.names.join('\n')})
.html(data.char).appendTo($tr);
});
});
});