Mercurial > code > home > repos > homeauto

comparison service/sba/sba.html @ 808:867f59c83dba

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
moved from proj/pixel Ignore-this: 97cafcfb96fd33ea70fcd467659ee31a darcs-hash:20110808045021-312f9-be4547f197b49b893d6e873f9c96f30491d0bdc7.gz
author drewp <drewp@bigasterisk.com>
date Sun, 07 Aug 2011 21:50:21 -0700
parents
children
comparison
equal deleted inserted replaced
807:4713bb87e34e 808:867f59c83dba
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 xmlns:n="http://nevow.com/ns/nevow/0.1">
6 <head>
7 <title>shiftweb</title>
8 <style type="text/css" media="all">
9 /* <![CDATA[ */
10 body {
11 background: #000000;
12 color: #888;
13 }
14 h1 {
15 font-size:100%;
16 }
17 div.manual {
18 margin: 10px;
19 padding: 10px;
20 background: #222;
21 width:19em;
22 }
23 div.credit {
24 font-size: 80%;
25 margin-top:41px;
26 }
27 .colorpicker {
28 display: inline-block;
29 }
30 /* ]]> */
31 </style>
32 <meta name="viewport" content="width=320; initial-scale=1.3; maximum-scale=2.0; user-scalable=1;"/>
33
34 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
35 <script type="text/javascript" src="http://bigasterisk.com/bathroomLight/static/farbtastic/farbtastic.js"></script>
36 <link rel="stylesheet" href="http://bigasterisk.com/bathroomLight/static/farbtastic/farbtastic.css" type="text/css" />
37 </head>
38 <body>
39 <h1>Light color</h1>
40 <div class="colorpicker" id="p0"></div>
41 <div class="colorpicker" id="p1"></div>
42 <div class="colorpicker" id="p2"></div>
43 <div class="colorpicker" id="p3"></div>
44 <div class="colorpicker" id="p4"></div>
45
46 <script type="text/javascript">
47 $(document).ready(function() {
48
49 $.each([
50 ["#p0", "brite/0"],
51 ["#p1", "brite/1"],
52 ["#p2", "brite/2"],
53 ["#p3", "brite/3"],
54 ["#p4", "brite/4"],
55 ], function (i, r) {
56 var elem=r[0], url=r[1];
57
58 var picker = $.farbtastic(elem, function (newColor) {
59 $.ajax({
60 type: "put",
61 url: url,
62 contentType: "text/plain",
63 data: newColor
64 });
65 });
66
67 $.get(url, picker.setColor);
68 });
69 });
70 </script>
71
72 <div class="credit">
73 Using the
74 <a href="http://acko.net/dev/farbtastic">Farbtastic color picker</a>
75 </div>
76
77 <hr/>
78
79 <div class="manual">
80 <form method="POST" action="brite/0">
81 <div>
82 Channel: <input type="text" name="channel" value="0" size="3"/>
83 Color: <input type="text" name="color" value="#ffffff" size="7"/>
84 </div>
85 <div><input type="submit" value="Post color"/></div>
86 </form>
87 </div>
88
89 </body>
90 </html>