-
Notifications
You must be signed in to change notification settings - Fork 32
/
Copy pathexample-zh-cn.html
141 lines (135 loc) · 8.82 KB
/
example-zh-cn.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Country-Region DropDown Menu</title>
<!-- link for jquery style -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="assets/js/geodatasource-cr.min.js"></script>
<link rel="stylesheet" href="assets/css/geodatasource-countryflag.css">
<!-- link for semantic-ui style -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js" integrity="sha512-dqw6X88iGgZlTsONxZK9ePmJEFrmHwpuMrsUChjAw1mRUhUITE5QU9pkcSox+ynfLhL15Sv2al5A0LVyDCmtUw==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha512-8bHTC73gkZ7rZ7vpqUQThUDhqcNFyYi2xgDgPDHc+GXVGHXq+xPjynxIopALmOPqzo9JZj0k6OqqewdGO3EsrQ==" crossorigin="anonymous" />
<!-- link for bootstrap style -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
<!-- link to all languages po files -->
<link rel="gettext" type="application/x-po" href="languages/ar/LC_MESSAGES/ar.po" />
<link rel="gettext" type="application/x-po" href="languages/cs/LC_MESSAGES/cs.po" />
<link rel="gettext" type="application/x-po" href="languages/da/LC_MESSAGES/da.po" />
<link rel="gettext" type="application/x-po" href="languages/de/LC_MESSAGES/de.po" />
<link rel="gettext" type="application/x-po" href="languages/en/LC_MESSAGES/en.po" />
<link rel="gettext" type="application/x-po" href="languages/es/LC_MESSAGES/es.po" />
<link rel="gettext" type="application/x-po" href="languages/fr/LC_MESSAGES/fr.po" />
<link rel="gettext" type="application/x-po" href="languages/it/LC_MESSAGES/it.po" />
<link rel="gettext" type="application/x-po" href="languages/ja/LC_MESSAGES/ja.po" />
<link rel="gettext" type="application/x-po" href="languages/ko/LC_MESSAGES/ko.po" />
<link rel="gettext" type="application/x-po" href="languages/ms/LC_MESSAGES/ms.po" />
<link rel="gettext" type="application/x-po" href="languages/nl/LC_MESSAGES/nl.po" />
<link rel="gettext" type="application/x-po" href="languages/pt/LC_MESSAGES/pt.po" />
<link rel="gettext" type="application/x-po" href="languages/ru/LC_MESSAGES/ru.po" />
<link rel="gettext" type="application/x-po" href="languages/sv/LC_MESSAGES/sv.po" />
<link rel="gettext" type="application/x-po" href="languages/vi/LC_MESSAGES/vi.po" />
<link rel="gettext" type="application/x-po" href="languages/zh-cn/LC_MESSAGES/zh-cn.po" />
<link rel="gettext" type="application/x-po" href="languages/zh-tw/LC_MESSAGES/zh-tw.po" />
<script type="text/javascript" src="assets/js/Gettext.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 text-center" style="margin-bottom:40px;">
<h2>Country-Region DropDown Menu</h2>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<form class="form-horizontal">
<p>Example: Normal Country-Region DropDown Menu</p>
<div class="form-group">
<label class="col-sm-2 control-label">Country</label>
<div class="col-sm-10">
<select class="form-select gds-cr" country-data-region-id="gds-cr-one" data-language="zh-cn"></select>
</div>
</div>
<div class="form-group">
<label for="gds-cr-one" class="col-sm-2 control-label">Region</label>
<div class="col-sm-10">
<select class="form-select" id="gds-cr-one"></select>
</div>
</div>
</form>
<br/>
<form class="form-horizontal">
<p>Example: Country-Region DropDown Menu with country flag</p>
<div class="form-group">
<label class="col-sm-2 control-label">Country</label>
<div class="col-sm-10">
<select class="form-select gds-cr gds-countryflag" country-data-region-id="gds-cr-three" data-language="zh-cn"></select>
</div>
</div>
<div class="form-group">
<label for="gds-cr-three" class="col-sm-2 control-label">Region</label>
<div class="col-sm-10">
<select class="form-select" id="gds-cr-three"></select>
</div>
</div>
</form>
<br/>
<form class="form-horizontal">
<p>Example: Country-Region DropDown Menu with autocomplete input option</p>
<div class="form-group">
<label class="col-sm-2 control-label">Country</label>
<div class="col-sm-10">
<input class="form-control gds-cr-autocomplete" country-data-region-id="gds-cr-five" data-language="zh-cn">
</div>
</div>
<div class="form-group">
<label for="gds-cr-three" class="col-sm-2 control-label">Region</label>
<div class="col-sm-10">
<input class="form-control gds-cr-five-autocomplete" id="gds-cr-five">
</div>
</div>
</form>
</div>
<div class="col-md-6">
<form class="form-horizontal">
<p>Example: Country-Region DropDown Menu with default value</p>
<div class="form-group">
<label class="col-sm-2 control-label">Country</label>
<div class="col-sm-10">
<select class="form-select gds-cr" country-data-region-id="gds-cr-two" data-language="zh-cn" country-data-default-value="US"></select>
</div>
</div>
<div class="form-group">
<label for="gds-cr-two" class="col-sm-2 control-label">Region</label>
<div class="col-sm-10">
<select class="form-select" id="gds-cr-two" region-data-default-value="加利福尼亚"></select>
</div>
</div>
</form>
<br/>
<form class="form-horizontal">
<p>Example: Country-Region DropDown Menu with semantic</p>
<div class="form-group">
<label class="col-sm-2 control-label">Country</label>
<div class="col-sm-10">
<div class="ui fluid search selection dropdown gds-cr-semantic" country-data-region-id="gds-cr-four" data-language="zh-cn"></div>
</div>
</div>
<div class="form-group">
<label for="gds-cr-four" class="col-sm-2 control-label">Region</label>
<div class="col-sm-10">
<select class="form-select" id="gds-cr-four"></select>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>