-
Notifications
You must be signed in to change notification settings - Fork 67
/
options.html
123 lines (121 loc) · 5.64 KB
/
options.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
<!DOCTYPE HTML>
<html id="t" i18n-values="dir:textdirection">
<head>
<meta charset="utf-8">
<title i18n-content="optionsPageTitle">Virtual Keyboard Settings</title>
<link href="options/styles.css" rel="stylesheet" />
<script src="options/script.js"></script>
</head>
<body>
<h1>Virtual Keyboard Settings</h1>
<div id="page">
<div id="navigation">
<div id="changeEffect">Settings have been saved. Note: Your changes will take effect when you reload page</div>
</div>
<div id="options">
<h2>Keyboard Layout</h2>
<table cellpadding="0" cellspacing="0">
<tr>
<th>Available Layouts:</th>
<th></th>
<th>Chosen Layouts:</th>
</tr>
<tr>
<td>
<select id="al" multiple="multiple" class="layout" width="100" height="200">
<option value="en">English (QWERTY)</option>
<option value="fr">French (AZERTY)</option>
<option value="de">German (QWERTZ)</option>
<option value="it">Italian (QWERTY)</option>
<option value="kr">Korean</option>
<option value="hu">Magyar (QWERTY)</option>
<option value="no">Norwegian (QWERTY)</option>
<option value="pl">Polish (QWERTY)</option>
<option value="ru">Russian (JCUKEN)</option>
<option value="sl">Slovenian (QWERTZ)</option>
<option value="es">Spanish (QWERTY)</option>
<option value="sw">Swedish (QWERTY)</option>
<option value="ta">Tamil 99</option>
<option value="cs">Czech (QWERTY)</option>
<option value="ua">Ukrainian (QWERTY)</option>
</select>
</td>
<td>
<button id="kl_add">></button>
<br />
<button id="kl_remove"><</button>
</td>
<td>
<select id="sl" multiple="multiple" class="layout" width="100" height="200">
<option value="en">English (QWERTY)</option>
</select>
</td>
</tr>
</table>
<br />
<h2>Behaviour</h2>
<label>
<input type="text" id="refreshTime" _setting="refreshTime" class="setting" value="1000" /> Time when the DOM should be rescanned for Inputs
</label>
<label>
<input type="checkbox" id="capsLock" _setting="capsLock" class="setting" value="true" _default="true" /> Enable Caps Lock</label>
<label>
<input type="checkbox" id="intelligentScroll" _setting="intelligentScroll" class="setting" value="true" _default="true"
/> Enable Intelligent Auto-Scrolling (Scrolls the page automatically when a text field is in focus)</label>
<label>
<input type="checkbox" id="repeatLetters" _setting="repeatLetters" class="setting" value="true" _default="false" /> Enable Auto letter/character Repetition </label>
<label>
<input type="checkbox" id="touchEvents" _setting="touchEvents" class="setting" value="true" _changed="checkbox_touchEvents"
/> Use Touch events instead of Mouse events</label>
<div id="autoTriggerPH">
<label>
<input type="checkbox" id="autoTrigger" _setting="autoTrigger" class="setting" value="true" _changed="checkbox_autoTrigger"
/> Enable Auto Clicking via Mouse Hover</label>
<div id="autoTriggerOnPH">
<label id="autoTriggerAfterLabel">
<span style="vertical-align: top;">Trigger auto clicking after: </span>
<input type="range" min="0.1" max="30" step="0.1" style="width: 260px" id="autoTriggerAfter"
_setting="autoTriggerAfter" class="setting" value="1.0" _default="1.0 " _changed="slider_autoTriggerAfter" />
<span style="vertical-align: top;" id="autoTriggerAfterValue"></span>
</label>
<label>
<input type="checkbox" id="autoTriggerLinks" _setting="autoTriggerLinks" class="setting" value="true" /> Enable Auto Clicking via Mouse Hover on Anchor tags (Links)</label>
</div>
</div>
<h2>User Interface (UI)</h2>
<label>
<input type="checkbox" id="hardwareAcceleration" _setting="hardwareAcceleration" class="setting" value="true" _default="true"
/> Enable Hardware Acceleration</label>
<label>
<input type="checkbox" id="toogleKeyboard" _setting="toogleKeyboard" class="setting" value="true" _default="true" /> Enable Toggle Keyboard page action (Keyboard icon in URL bar)</label>
<label>
<input type="checkbox" id="urlButton" _setting="urlButton" class="setting" value="true" /> Enable URL Button (Allows you to type a new website address using this keyboard)</label>
<label>
<input type="checkbox" id="smallKeyboard" _setting="smallKeyboard" class="setting" value="true" _changed="checkbox_smallKeyboard"
/> Enable Small Keyboard Layout (Can also be moved!)</label>
<label id="zoomLevelLabel">
<span style="vertical-align: top;">Zoom level: </span>
<input type="range" min="0" max="1.8" step="0.05" id="zoomLevel" _setting="zoomLevel" style="width: 260px"
class="setting" value="0" _default="0" _changed="slider_zoom" />
<span style="vertical-align: top;" id="zoomLevelValue"></span>
</label>
</div>
<div id="links">
<h2 style="margin-top: 60px;">Links</h2>
<a target="_blank" href="http://apps.xontab.com/Suggest/VirtualKeyboard?from=VKO">Suggest a Feature</a>
<br />
<a target="_blank" href="https://apps.xontab.com/?from=VKO">FREE Extensions & Applications</a>
<br />
<a target="_blank" href="http://xontab.com?from=VKO">Developer's Website</a>
<br />
<h2 style="margin-top: 40px">Credits</h2>
<a target="_blank" href="#">Stuart Wright</a>
<a id="footer" target="_blank" href="http://xontab.com?from=VKO">
Developed by:
<span>Shaun Tabone</span>
</a>
<iframe src="http://xontab.com/advert.html" width="210" height="650" />
</div>
</div>
</body>
</html>