-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (65 loc) · 2.44 KB
/
index.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
63
64
65
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="/assets/favicon.png">
<meta name="description"
content="Chinese-English Dictionary JavaScript Demo">
<title>Chinese-English Dictionary JavaScript Demo</title>
<link rel="stylesheet" type="text/css" href="assets/bundle.css"/>
<!--<link rel="stylesheet" type="text/css" href="dist/dialog-polyfill.css"/>-->
</head>
<body>
<h1>Chinese-English Dictionary JavaScript Demo</h1>
<main>
<p>
Some example text:
<div id='textbody1' class='textbody'>目揵連是誰？</div>
</p>
<p>
Some more text:
<div id='textbody2' class='textbody'>羅閱城在哪裡？</div>
</p>
<p>
Another example:
<div id='textbody3' class='textbody'>他力</div>
</p>
<p>
If you do not see the dialog and are using Safari or Edge then read
the section of the README.md on cross-browser support.
</p>
<p>
<span class='dict-entry_input'>
<input type='textfield' id='lookup_input' value='羅閱城'/>
<button id='lookup_button'>Lookup</button>
</span>
<span id='pinyin_span' class='dict-entry_pinyin'></span>
<span id='english_span' class='dict-entry_english'></span>
</p>
<p>
Note: There are only two words in the dictionary in this example.
See the <a href='material/index.html'>More complex demo</a> - see
demo/README.md for setup required.
</p>
<p>
More examples: <a href="demo2/test1.html">demo2/test1.html</a>,
<a href="demo2/test2.html">demo2/test2.html</a>.
</p>
<p>
Unit tests: <a href="test/index.html">test/index.html</a>.
</p>
</main>
<!-- Dialog is hidden until the user clicks on a word. You may customize the
dialog by styling these elements or leave it out completely. -->
<dialog id='dict-dialog'>
<p id='dict-dialog_headword'></p>
<!-- Used for holding the dictionary entries-->
<div id='dict-dialog_container'></div>
<p><button id='dict-dialog_ok' class='dialog_ok'>OK</button></p>
</dialog>
<!--<script defer src="dist/dialog-polyfill.js"></script>-->
<script src="assets/bundle.js" type="module"></script>
</body>
</html>