login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hexadecimaal experimentje

Offline dvhvh - 20/05/2005 17:22 (laatste wijziging 20/05/2005 18:11)
Avatar van dvhvhNieuw lid Hallo,

Wat mankeert aan volgend script ?
Het aftrekken verloopt perfect, bij het optellen wordt de waarde geconcateneerd aan de string.


  1. <html>
  2. <head>
  3. <script type="text/javascript"><!--
  4. Number.prototype.numToHex = function(){
  5. return this.toString(16).toUpperCase();
  6. }
  7.  
  8. String.prototype.hexToNum = function(){
  9. return parseInt(this);
  10. }
  11.  
  12. function init(){
  13. var rescolor="0xffffff".hexToNum();
  14. set_cookie(rescolor);
  15. document.f1.outputhex.value=rescolor.numToHex();
  16. document.f1.outputnum.value=rescolor;
  17. }
  18.  
  19. function setColor(arg){
  20. rescolor = csearch("color");
  21. switch(arg){
  22. case -1:
  23. rescolor = (rescolor - "0x010000".hexToNum());
  24. break;
  25. case 1:
  26. rescolor = (rescolor + "0x010000".hexToNum());
  27. break;
  28. case -2:
  29. rescolor = (rescolor - "0x000100".hexToNum());
  30. break;
  31. case 2:
  32. rescolor = (rescolor + "0x000100".hexToNum());
  33. break;
  34. case -3:
  35. rescolor = (rescolor - "0x000001".hexToNum());
  36. break;
  37. case 3:
  38. rescolor = (rescolor + "0x000001".hexToNum());
  39. break;
  40. default:
  41. break;
  42. }
  43. set_cookie(rescolor);
  44.  
  45. document.f1.outputnum.value=rescolor;
  46. document.f1.outputhex.value=rescolor.numToHex();
  47. }
  48.  
  49. function set_cookie(rescolor){
  50. var exp = new Date();
  51. exp.setMonth(exp.getMonth() + 1);
  52. document.cookie = "color = "+rescolor+" ;expires="+exp+" ;path=/";
  53. }
  54.  
  55. function csearch(naam) {
  56. var str = document.cookie;
  57. var zstr = naam + "=";
  58. var start = str.indexOf(zstr, 0);
  59. if(start == -1) {
  60. return false;
  61. } else {
  62. start += zstr.length;
  63. var eind = str.indexOf(";", start);
  64. if(eind == -1) eind = str.length;
  65. return unescape(str.substring(start, eind));
  66. }
  67. }
  68. --></script>
  69. </head>
  70.  
  71. <body onload="init()">
  72. <form name="f1" method=post">
  73. <table>
  74. <tr>
  75. <td><input type="button" value="sub" name="r-" onClick="setColor(-1)" ></td>
  76. <td>Red</td>
  77. <td><input type="button" value="add" name="r+" onClick="setColor(1)" ></td>
  78. </tr>
  79.  
  80. <tr>
  81. <td><input type="button" value="sub" name="g-" onClick="setColor(-2)"></td>
  82. <td>Green</td>
  83. <td><input type="button" value="add" name="g+" onClick="setColor(2)"></td>
  84. </tr>
  85.  
  86. <tr>
  87. <td><input type="button" value="sub" name="b-" onClick="setColor(-3)"></td>
  88. <td>Blue</td>
  89. <td><input type="button" value="add" name="b+" onClick="setColor(3)"></td>
  90. </tr>
  91. </table>
  92.  
  93. <input type="text" name="outputhex" size="9"><br>
  94. <input type="text" name="outputnum" size="19">
  95.  
  96.  
  97. </form>
  98. </body>
  99.  
  100. </html>

Kan iemand helpen ???

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s