Change the mouse listeners to be on the <canvas> element
[rgbconverter.git] / RGB Converter.wdgt / Widget.html
1 <!--
2 /*=====================================================================*\
3 || ###################################################################
4 || # RGB Converter
5 || # Copyright (c)2002-2010 Blue Static
6 || #
7 || # This program is free software; you can redistribute it and/or modify
8 || # it under the terms of the GNU General Public License as published by
9 || # the Free Software Foundation; version 2 of the License.
10 || #
11 || # This program is distributed in the hope that it will be useful, but
12 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
13 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
14 || # more details.
15 || #
16 || # You should have received a copy of the GNU General Public License along
17 || # with this program; if not, write to the Free Software Foundation, Inc.,
18 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
19 || ###################################################################
20 \*=====================================================================*/
21 -->
22
23 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
24 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
25 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
26 <head>
27 <title>RGB Conveter $Revision$</title>
28 <style type="text/css">
29 @import "Widget.css";
30 </style>
31 <script src="Widget.js" type="text/javascript"></script>
32 <script src="file:///System/Library/WidgetResources/button/genericButton.js" type="text/javascript"></script>
33 </head>
34
35 <body onload="setup()">
36 <img src="Default.png" id="shadow"/>
37 <canvas id="wheel" width="186" height="186" onmousemove="mousemove(event);" onmouseout="mouseexit(event);"></canvas>
38 <!-- front -->
39 <div id="front">
40 <input type="text" name="hexinput" id="hexinput" size="6" onblur="hexwatcher()" value="3C3C3C" />
41
42 <input type="text" name="redinput" id="redinput" size="3" onblur="rgbwatcher('red')" value="60" />
43 <input type="text" name="greeninput" id="greeninput" size="3" onblur="rgbwatcher('green')" value="60" />
44 <input type="text" name="blueinput" id="blueinput" size="3" onblur="rgbwatcher('blue')" value="60" />
45
46 <div class="flip" id="fliprollie"></div>
47 <div class="flip" id="flip" onclick="show_back(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event)";></div>
48 </div>
49 <!-- / front -->
50
51 <!-- back -->
52 <div id="back">
53 <div id="backtext">
54 <div><strong style="font-size: 12px">RGB Converter</strong>, 3.0 <span id="revision">($Revision$)</span></div>
55 <div>&copy;2002-2010 <a href="javascript:widget.openURL('http://www.bluestatic.org')">Blue Static</a><div>
56 <div id="backbutton"></div>
57 </div>
58 </div>
59 <!-- / back -->
60 </body>
61 </html>
62
63 <!--
64 /*=====================================================================*\
65 || ###################################################################
66 || # $HeadURL$
67 || # $Id$
68 || ###################################################################
69 \*=====================================================================*/
70 -->