Some interesting keycode stuff, but we're not going to use it anymore

git-svn-id: svn://depot/macosx/trunk@9 ad1dcce9-c9fe-0310-b82b-83ea1733dbb0

diff --git a/RGB_Converter/RGB_Converter.wdgt/Widget.html b/RGB_Converter/RGB_Converter.wdgt/Widget.html
index df553f9c7c700f54fdfb55afcc842ea94685e6e9..761b627f992de09e5c76f9a3ccb79dc0edf01537 100644 (file)
--- a/RGB_Converter/RGB_Converter.wdgt/Widget.html
+++ b/RGB_Converter/RGB_Converter.wdgt/Widget.html
@@ -28,9 +28,9 @@
     <div id="front" onmousemove="mousemove(event);" onmouseout="mouseexit(event);">
                <img src="Default.png" alt="" />
                
-               <div id="redinput"><input type="text" name="redinput" style="color: red" size="3" /></div>
-               <div id="greeninput"><input type="text" name="greeninput" style="color: green" size="3" /></div>
-               <div id="blueinput"><input type="text" name="blueinput" style="color: blue" size="3" /></div>
+               <div id="redinput"><input type="text" name="redinput" id="redinputf" style="color: red" size="3" onkeyup="rgbwatcher('red')" /></div>
+               <div id="greeninput"><input type="text" name="greeninput" id="greeninputf" style="color: green" size="3" onkeydown="rgbwatcher('green')" /></div>
+               <div id="blueinput"><input type="text" name="blueinput" id="blueinputf" style="color: blue" size="3" onkeydown="rgbwatcher('blue')" /></div>
                
                <div class="flip" id="fliprollie"></div>
                <div class="flip" id="flip" onclick="show_back(event);" onmouseover="enterflip(event);" onmouseout="exitflip(event)";></div>

diff --git a/RGB_Converter/RGB_Converter.wdgt/Widget.js b/RGB_Converter/RGB_Converter.wdgt/Widget.js
index 1f08bdea9b47381ac0ba03d2e09b06d98fa0b4d7..7591682ba7e18a07fd6e408aa4070fecfcaad961 100644 (file)
--- a/RGB_Converter/RGB_Converter.wdgt/Widget.js
+++ b/RGB_Converter/RGB_Converter.wdgt/Widget.js
@@ -9,7 +9,104 @@
 || ################################################################### ||
 \*=====================================================================*/
 
+var fields = {
+       red : '',
+       green : '',
+       blue : '',
+       hex : ''
+};
+
 // ###################################################################
+// watches the three RGB fields to make sure they don't go over the limites
+function rgbwatcher(colour)
+{
+       keycode = event.keyCode;
+       field = document.getElementById(colour + "inputf");
+       
+       if ((keycode >= 48 && keycode <= 57) || (keycode >= 96 && keycode <= 105))
+       {
+               fields[colour] = intval(fields[colour].toString() + intval(fetch_keycode_val(keycode)));
+       }
+       // backspace
+       else if (keycode == 8)
+       {
+               fields[colour] = fields[colour].toString().substr(0, fields[colour].toString().length - 1);
+               field.value = fields[colour];
+       }
+       else
+       {
+               //alert("bad key: " + keycode);
+               field.value = fields[colour];
+       }
+       
+       //alert(window.event.keycode);
+       
+       
+       //alert(field.value);
+}
+
+// ###################################################################
+// fetches the integer value
+function intval(aval)
+{
+       return aval - 0;
+}
+
+// ###################################################################
+// lookup keycode
+function fetch_keycode_val(keycode)
+{
+       switch (keycode)
+       {
+               case 48:
+               case 96:
+                       val = 0;
+                       break;
+               case 49:
+               case 97:
+                       val = 1;
+                       break;
+               case 50:
+               case 98:
+                       val = 2;
+                       break;
+               case 51:
+               case 99:
+                       val = 3;
+                       break;
+               case 52:
+               case 100:
+                       val = 4;
+                       break;
+               case 53:
+               case 101:
+                       val = 5;
+                       break;
+               case 54:
+               case 102:
+                       val = 6;
+                       break;
+               case 55:
+               case 103:
+                       val = 7;
+                       break;
+               case 56:
+               case 104:
+                       val = 8;
+                       break;
+               case 57:
+               case 105:
+                       val = 9;
+                       break;
+       }
+       
+       return val;
+}
+
+// ###################################################################
+// ###################################################################
+// ###################################################################
+
 // flip data
 
 function show_back()