RGB Converter.wdgt/Widget.html

   1 <!--
   2 /*=====================================================================*\
   3 || ################################################################### ||
   4 || # RGB Converter Widget [#]version[#]
   5 || # --------------------------------------------------------------- # ||
   6 || # Copyright ©2002-[#]year[#] by Iris Studios, Inc. All Rights Reserved. # ||
   7 || # This file may not be reproduced in any way without permission.  # ||
   8 || # --------------------------------------------------------------- # ||
   9 || # User License Agreement at http://www.iris-studios.com/license/  # ||
  10 || ################################################################### ||
  11 \*=====================================================================*/
  12 -->
  13
  14 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  15         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17 <head>
  18         <title>RGB Conveter $Revision$</title>
  19 </head>
  20
  21 <style type="text/css">
  22         @import "Widget.css";
  23 </style>
  24
  25 <script src="Widget.js" type="text/javascript" />
  26 <script src="file:///System/Library/WidgetResources/button/genericButton.js" type="text/javascript" />
  27
  28 <body onload="setup()">
  29         <!-- front -->
  30     <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
  31
  32                 <div style="z-index: 500; position: absolute"><img src="Front.png" alt="" style="" /></div>
  33                 <div id="hexinput">HEX Code <input type="text" name="hexinput" id="hexinputf" size="6" maxlength="6" onblur="hexwatcher()" value="000000" /></div>
  34
  35                 <div id="swatch"></div>
  36                 <div id="swatch-red"></div>
  37                 <div id="swatch-green"></div>
  38                 <div id="swatch-blue"></div>
  39
  40                 <div id="redinput"><input type="text" name="redinput" id="redinputf" style="color: red" size="3" maxlength="3" onblur="rgbwatcher('red')" value="0" /></div>
  41                 <div id="greeninput"><input type="text" name="greeninput" id="greeninputf" style="color: green" size="3" maxlength="3" onblur="rgbwatcher('green')" value="0" /></div>
  42                 <div id="blueinput"><input type="text" name="blueinput" id="blueinputf" style="color: blue" size="3" maxlength="3" onblur="rgbwatcher('blue')" value="0" /></div>
  43
  44                 <div class="flip" id="fliprollie"></div>
  45                 <div class="flip" id="flip" onclick="show_back(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event)";></div>
  46
  47         </div>
  48         <!-- / front -->
  49
  50         <!-- back -->
  51         <div id="back">
  52                 <img src="Alternate.png" alt="" />
  53
  54                 <div id="backtext">
  55                         <strong style="font-size: 12px">RGB Converter</strong>
  56                         <div>v[#]version[#] ($Revision$)</div>
  57                         <div>&copy;2002-[#]year[#] <a href="javascript:widget.openURL('http://www.iris-studios.com')">Iris Studios, Inc</a><div>
  58                 </div>
  59
  60                 <div id="backbutton"></div>
  61         </div>
  62         <!-- / back -->
  63 </body>
  64 </html>
  65
  66 <!--
  67 /*=====================================================================*\
  68 || ###################################################################
  69 || # $HeadURL$
  70 || # $Id$
  71 || ###################################################################
  72 \*=====================================================================*/
  73 -->