|
0
|
1 <?xml version="1.0" encoding="iso-8859-1"?>
|
|
|
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
|
|
|
3 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
|
4 <html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
5 <head>
|
|
|
6 <title>desk arduino</title>
|
|
|
7 <style type="text/css" media="all">
|
|
|
8 /* <![CDATA[ */
|
|
|
9 body {
|
|
|
10 background: #000000;
|
|
|
11 color: #888;
|
|
|
12 }
|
|
|
13 h1 {
|
|
|
14 font-size:100%;
|
|
|
15 }
|
|
|
16 div.credit {
|
|
|
17 font-size: 80%;
|
|
|
18 margin-top:41px;
|
|
|
19 }
|
|
|
20 /* ]]> */
|
|
|
21 </style>
|
|
|
22
|
|
|
23 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
|
|
|
24 <script type="text/javascript" src="http://bigasterisk.com/bathroomLight/static/farbtastic/farbtastic.js"></script>
|
|
|
25 <link rel="stylesheet" href="http://bigasterisk.com/bathroomLight/static/farbtastic/farbtastic.css" type="text/css" />
|
|
|
26
|
|
|
27 </head>
|
|
|
28 <body>
|
|
|
29 <h1>desk arduino</h1>
|
|
|
30
|
|
|
31 <div class="colorpicker" chan="0"></div>
|
|
|
32 <div class="colorpicker" chan="1"></div>
|
|
|
33
|
|
|
34 <script type="text/javascript">
|
|
|
35 $(document).ready(function() {
|
|
|
36 $(".colorpicker").each(function (elem) {
|
|
|
37 var chan = $(this).attr("chan");
|
|
|
38
|
|
|
39 var picker = $.farbtastic(this, function (newColor) {
|
|
|
40 $.post('brite/'+chan, newColor);
|
|
|
41 });
|
|
|
42
|
|
|
43 $.get('brite/'+chan, picker.setColor);
|
|
|
44 });
|
|
|
45 });
|
|
|
46 </script>
|
|
|
47
|
|
|
48 <div class="credit">
|
|
|
49 Using the
|
|
|
50 <a href="http://acko.net/dev/farbtastic">Farbtastic color picker</a>
|
|
|
51 </div>
|
|
|
52
|
|
|
53 </body>
|
|
|
54 </html> |
