Subversion Repositories wimsdev

Rev

Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <meta http-equiv="expires" content="0">
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  6. <META HTTP-EQUIV="imagetoolbar" CONTENT="no">
  7. <script type="text/javascript" src="../js/walterzorn.js"></script>
  8. </head>
  9. <body bgcolor="#ffffff">
  10. <script type="text/javascript" src="../js/wz_dragdrop.js"></script>
  11.                     <table border="0" cellpadding="6" cellspacing="0">
  12.                       <tr>
  13.                         <td align="right" height="40">red</td>
  14.                         <td>
  15.                           <img name="track_r" src="../gifs/track.gif" width="94" height="35" alt="red" title="red">
  16.                           <img name="thumb_r" src="../gifs/sliderthumb.gif" width="22" height="35" alt="red" title="red">
  17.                         </td>
  18.                         <td rowspan="3">
  19.                           <img name="ccanvas" src="../gifs/trans.gif" width="300" height="120" alt="">
  20.                         </td>
  21.                         <td rowspan="3">
  22.                           <form name="cform"><input name="ctext" type="text" size="9"></form>
  23.                         </td>
  24.                       </tr>
  25.                       <tr>
  26.                         <td align="right" height="40">green</td>
  27.                         <td>
  28.                           <img name="track_g" src="../gifs/track.gif" width="94" height="35" alt="green" title="green">
  29.                           <img name="thumb_g" src="../gifs/sliderthumb.gif" width="22" height="35" alt="green" title="green">
  30.                         </td>
  31.                       </tr>
  32.                       <tr>
  33.                         <td align="right" height="40">blue</td>
  34.                         <td>
  35.                           <img name="track_b" src="../gifs/track.gif" width="94" height="35" alt="blue" title="blue">
  36.                           <img name="thumb_b" src="../gifs/sliderthumb.gif" width="22" height="35" alt="blue" title="blue">
  37.                         </td>
  38.                       </tr>
  39.                     </table>
  40. <script type="text/javascript">
  41. <!--
  42.  
  43. SET_DHTML(CURSOR_MOVE, RESIZABLE, SCROLL, "azcat"+NO_ALT, "biggrinno", "biggrinyes", "bluelyr"+NO_DRAG, "ccanvas"+MAXOFFRIGHT+100+MAXOFFBOTTOM+100+MAXOFFLEFT+100+MAXOFFTOP+100, "chameleon", "counter", "deddie"+MAXWIDTH+270+MAXHEIGHT+186+MINWIDTH+45+MINHEIGHT+31, "detachbuoy"+NO_DRAG, "detachlyr"+DETACH_CHILDREN, "dolly"+CLONE, "frownno", "frownyes", "grizzly"+SCALABLE, "koala"+CURSOR_HAND, "ko1"+TRANSPARENT, "lama"+VERTICAL, "lefttop"+NO_DRAG, "leop", "madno", "madyes", "muckl"+COPY+5, "nodetachlyr", "reZLyr"+RESET_Z, "rhlguana"+HORIZONTAL, "rightbottom"+NO_DRAG, "track_r"+NO_DRAG, "track_g"+NO_DRAG, "track_b"+NO_DRAG, "thumb_r"+MAXOFFLEFT+45+MAXOFFRIGHT+45+HORIZONTAL, "thumb_g"+MAXOFFLEFT+45+MAXOFFRIGHT+45+HORIZONTAL, "thumb_b"+MAXOFFLEFT+45+MAXOFFRIGHT+45+HORIZONTAL);
  44.  
  45. function moveBluelyr()
  46. {
  47.     if (blyr.x > dd.elements.lefttop.x - blyr.w && blyr.y >= dd.elements.rightbottom.y) blyr.moveTo(blyr.x-8, dd.elements.rightbottom.y);
  48.     else if (blyr.x <= dd.elements.lefttop.x - blyr.w && blyr.y > dd.elements.lefttop.y - blyr.h) blyr.moveTo(dd.elements.lefttop.x - blyr.w, blyr.y-8);
  49.     else if (blyr.x < dd.elements.rightbottom.x && blyr.y <= dd.elements.lefttop.y - blyr.h) blyr.moveTo(blyr.x+8, dd.elements.lefttop.y - blyr.h);
  50.     else if (blyr.x >= dd.elements.rightbottom.x && blyr.y < dd.elements.rightbottom.y) blyr.moveTo(dd.elements.rightbottom.x, blyr.y+8);
  51.     else blyr.moveTo(dd.elements.rightbottom.x, dd.elements.rightbottom.y);
  52.     setTimeout('moveBluelyr();', 160);
  53. }
  54.  
  55.  
  56.  
  57. function my_DragFunc()
  58. {
  59.     if (dd.obj.name.indexOf('thumb_') >= 0)
  60.     {
  61.         var red = (parseInt((thumb_r.x-thumb_r.defx+45)*255/90)).toString(16),
  62.         green = (parseInt((thumb_g.x-thumb_g.defx+45)*255/90)).toString(16),
  63.         blue = (parseInt((thumb_b.x-thumb_b.defx+45)*255/90)).toString(16);
  64.         while (red.length < 2) red = '0'+red;
  65.         while  (blue.length < 2) blue = '0'+blue;
  66.         while  (green.length < 2) green = '0'+green;
  67.         var color = "#"+red+green+blue;
  68.         dd.elements.ccanvas.setBgColor(color);
  69.         document.cform.ctext.value = color;
  70.     }
  71. }
  72.  
  73.  
  74.  
  75. var lyr1 = dd.elements.reZLyr,
  76. nodet = dd.elements.nodetachlyr,
  77. det = dd.elements.detachlyr,
  78. thumb_r = dd.elements.thumb_r,
  79. thumb_g = dd.elements.thumb_g,
  80. thumb_b = dd.elements.thumb_b,
  81. blyr = dd.elements.bluelyr;
  82.  
  83. blyr.moveTo(dd.elements.rightbottom.x, dd.elements.rightbottom.y);
  84. blyr.show();
  85. moveBluelyr();
  86.  
  87. lyr1 = dd.elements.reZLyr;
  88. lyr1.moveTo(dd.elements.leop.x + dd.elements.leop.w - 65, dd.elements.leop.y + 20);
  89. lyr1.show();
  90.  
  91. nodet.moveTo(dd.elements.detachbuoy.x, dd.elements.detachbuoy.y-nodet.h);
  92. nodet.show();
  93.  
  94. det.moveTo(nodet.x+nodet.w+2, nodet.y);
  95. det.show();
  96. for (var i = 0; i < det.children.length; i++) det.children[i].moveTo(det.children[i].x+det.x-det.defx, det.children[i].y+det.y-det.defy);
  97.  
  98. thumb_r.moveTo(dd.elements.track_r.x+36, dd.elements.track_r.y);
  99. thumb_g.moveTo(dd.elements.track_g.x+36, dd.elements.track_g.y);
  100. thumb_b.moveTo(dd.elements.track_b.x+36, dd.elements.track_b.y);
  101. thumb_r.setZ(dd.elements.track_r.z+1);
  102. thumb_g.setZ(dd.elements.track_g.z+1);
  103. thumb_b.setZ(dd.elements.track_b.z+1);
  104. dd.elements.track_r.addChild('thumb_r');
  105. dd.elements.track_g.addChild('thumb_g');
  106. dd.elements.track_b.addChild('thumb_b');
  107. thumb_r.defx = dd.elements.track_r.x+36;
  108. thumb_g.defx = dd.elements.track_g.x+36;
  109. thumb_b.defx = dd.elements.track_b.x+36;
  110.  
  111. //-->
  112. </script>
  113. </body>
  114. </html>
  115.