j2x/j2x_example.html at master · nakayama-muimu/j2x · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport" />
	<script src="J2x_lang.js"></script>
	<script src="J2x_ar.js"></script>
	<script src="J2x_kr.js"></script>
</head>
<body>
	<div>
	<h4>「ひらがな」または「カタカナ」で単語を入力してください。Input words in <i>hiragana</i> or <i>katakana</i>.</h4>
	<ul>
		<li>
			半角または全角のスペースで単語を区切ります。Separate each word with a space.
		</li>
		<li>
			読みやすくするためには，なるべく区切ることをお勧めします。The more separation, the more readable result.<br>
			（例）「東新宿」<br>
			　　　ひがししんじゅく → Higashishinjuku<br>
			　　　ひがし しんじゅく → Higashi Shinjuku
		</li>
		<li>
			%で囲むと，変換せずにそのまま出力します。Put % on the beginning and end of the word to cancel tranxcription.<br>
			（例）「東京スカイツリー」<br>
			　　　とうきょう すかい つりー → Tokyo Sukai Tsurii<br>
			　　　%Tokyo Skytree% → Tokyo Skytree
		</li>
	</ul>

	<input type="text" id="input_kana" size="40"><br>
	語頭を大文字にする Capitalize beginning of the word :
	<label><input id="init_cap_yes" type="radio" name="init_cap" value="yes" checked>Yes</label>
	<label><input id="init_cap_no" type="radio" name="init_cap" value="No">No</label><br>
	<br>
	<table>
	<tr><td>音節分解 Split syllables</td><td>：<span id="phon"> -</span><td></tr>
	<tr><td>ローマ字通常 Normal romanization</td><td>：<span id="roman"> -</span></td></tr>
	<tr><td>ハングル Hangul</td><td>：<span id="kr"> -</span></td><tr>
	<tr><td>アラビア文字 Arabic</td><td>：<span id="ar" style="font-size: 16pt;"> -</span></td></tr>
	</table>
	</div>
	<div id="message"></div>

	<br><br><br>
	<a href="https://nakayama-muimu.github.io">Go back to https://nakayama-muimu.github.io</a>


	<script type="text/javascript">
(function () { "use strict";

window.addEventListener("load", function(){
	gebi('input_kana').addEventListener("keypress", cbKeypress, false);
	gebi('init_cap_yes').addEventListener("click", cbKeypress, false);
	gebi('init_cap_no').addEventListener("click", cbKeypress, false);
}, false);

function cbKeypress(ev){
	var sKana = gebi('input_kana').value;
	var oRoman = gebi('roman');
	var oPhon = gebi('phon');
	var oKr = gebi('kr');
	var oAr = gebi('ar');
	var j2x = window.J2x_lang;
	var phonArray = j2x.hira2phonArray(sKana);
	var cap_init = true;
	if(!gebi('init_cap_yes').checked){
		cap_init = false;
	}
	oRoman.innerHTML = j2x.phon2roman(phonArray, cap_init);
	oPhon.innerHTML = phonArray;
	var j2x_kr = window.J2x_kr;
	oKr.innerHTML =j2x_kr.phon2x(phonArray);
	var j2x_ar = window.J2x_ar;
	oAr.innerHTML = j2x_ar.phon2x(phonArray);
}

function gebi(id){
	return document.getElementById(id);
}

})();
	</script>
</body>
</html>