Rikaisan/options.html at master · mathall/Rikaisan · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/options.css" />
<title>Rikaisan - options</title>
<script>

window.addEventListener( 'DOMContentLoaded', function() {
	var popupColor = document.getElementById('popupcolor');
	var highlight = document.getElementById('highlight');
	var textboxhl = document.getElementById('textboxhl');

	popupColor.addEventListener('change', function() {
		widget.preferences['popupcolor'] = this.value;
	}, false );

	highlight.addEventListener('change', function() {
		widget.preferences['highlight'] = this.value;
	}, false );

	textboxhl.addEventListener('change', function() {
		widget.preferences['textboxhl'] = this.value;
	}, false );

	popupColor.value = widget.preferences['popupcolor'];
	highlight.value = widget.preferences['highlight'];
	textboxhl.value = widget.preferences['textboxhl'];
}, false);
</script>
</head>
<body>

<div id="options">
<form id="optform" name="optform">

<ul>
	<li>
	<label for="popupcolor">Popup color:</label>
	<select name="popupcolor" id="popupcolor">
		<option value="blue">Blue</option>
		<option value="lightblue">Light Blue</option>
		<option value="black">Black</option>
		<option value="yellow">Yellow</option>
	</select>
	</li>
	<li>
	<label for="highlight">Highlight text?</label>
	<select name="highlight" id="highlight">
		<option value="yes">Yes</option>
		<option value="no">No</option>
	</select>
	</li>
	<li>
	<label for="textboxhl">Highlight text inside of text boxes?</label>
	<select name="textboxhl" id="textboxhl">
		<option value="yes">Yes</option>
		<option value="no">No</option>
	</select>
	</li>
</ul>

</form>
</div>

</body>
</html>