forked from RubyLouvre/avalon
/
index12colorpicker.html
51 lines (43 loc) · 1.75 KB
/
index12colorpicker.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
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body, td {
font-family: tahoma;
font-size: 10pt;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/start/jquery-ui.css" />
<!-- <link rel="stylesheet" type="text/css" href="avalon.colorpicker.css">-->
<script src="avalon.js"></script>
<!-- <script src="avalon.draggable.js"></script>
<script src="avalon.button.js"></script>
<script src="avalon.colorpicker.js"></script>-->
<script>
require("avalon.colorpicker", function() {
avalon.scan()
})
</script>
</head>
<body>
<h1>ColorPicker for script.aculo.us</h1>
<a href="http://www.knallgrau.at/code/colorpicker">read more</a><br />
<h2>Just click into the fields to start picking a color</h2>
<br />
<form>
<p>color 1 #<input type="text" id="colorfield1" value="FF33FF" ms-widget="colorpicker"></p>
<p>color 2 #<input type="text" id="colorfield2" value="CC3366"></p>
<p>color 3 #<input type="text" id="colorfield3" value="66FF66"></p>
<p>color 4 #<input type="text" id="colorfield4" value="339900"> <button style="width: 1.5em; height: 1.5em; border: 1px outset #666;" id="colorbox4" class="colorbox"></button></p>
</form>
http://www.knallgrau.at/code/colorpicker/demo
<script type="text/javascript">
</script>
</body>
</html>