-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathCinConvert.html
62 lines (62 loc) · 1.65 KB
/
CinConvert.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注音表格轉換</title>
<script src="FileRead.js" type="text/javascript"></script>
<style type="text/css">
.tag{
display:inline-block;
border-radius:0.5em;
padding:0 0.25em;
background-color:#E0E080;
}
.frame1{
display:inline-block;
vertical-align:top;
margin:0.25em;
}
.frame2{
vertical-align:top;
margin:0.25em;
}
.area{
display:inline-block;
vertical-align:top;
margin:0.25em;
}
#display1{
border-radius:0.5em;
border:1px solid gray;
padding:0 0.25em;
min-height:2em;
margin:3px;
}
#display2{
border-radius:0.5em;
border:1px solid gray;;
padding:0 0.25em;
min-height:2em;
margin:3px;
}
</style>
</head>
<body onload=init()>
<div class="frame1"><span class="tag">(1)匯入CNS-Unicode檔案</span> <input type="file" id ="fileInput1" multiple><div id="display1"></div></div>
<div class="frame1"><span class="tag">(2)匯入CNS-Phonetic檔案</span> <input type="file" id ="fileInput2" multiple><div id="display2"></div></div>
<div class="frame1">
<span class="tag">(3)指定輸入法名稱</span>
<div class="frame2">中文 <input type="text" value="我的注音輸入法" id="cname"></div>
<div class="frame2">英文 <input type="text" value="MyPhonetic" id="ename"></div>
</div>
<div class="frame1"><span class="tag">(4)適用輸入法框架</span>
<div class="frame2"><select id="suit">
<option>gcin</option>
<option>OpenVanilla</option>
</select></div>
</div>
<div class="frame3"><button onclick="run()">開始轉換</button> <a id="download"></a></div>
<hr>
<div id="display3"></div>
</body>
</html>