Subversion Repositories wimsdev

Rev

Rev 338 | 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",
  44.  "biggrinyes", "bluelyr"+NO_DRAG,
  45.  "ccanvas"+MAXOFFRIGHT+100+MAXOFFBOTTOM+100+MAXOFFLEFT+100+MAXOFFTOP+100,
  46.  "chameleon", "counter",
  47.  "deddie"+MAXWIDTH+270+MAXHEIGHT+186+MINWIDTH+45+MINHEIGHT+31,
  48.  "detachbuoy"+NO_DRAG, "detachlyr"+DETACH_CHILDREN, "dolly"+CLONE, "frownno",
  49.  "frownyes", "grizzly"+SCALABLE, "koala"+CURSOR_HAND, "ko1"+TRANSPARENT,
  50.  "lama"+VERTICAL, "lefttop"+NO_DRAG, "leop", "madno", "madyes", "muckl"+COPY+5,
  51.  "nodetachlyr", "reZLyr"+RESET_Z, "rhlguana"+HORIZONTAL, "rightbottom"+NO_DRAG,
  52.  "track_r"+NO_DRAG, "track_g"+NO_DRAG, "track_b"+NO_DRAG,
  53.  "thumb_r"+MAXOFFLEFT+45+MAXOFFRIGHT+45+HORIZONTAL,
  54.  "thumb_g"+MAXOFFLEFT+45+MAXOFFRIGHT+45+HORIZONTAL,
  55.  "thumb_b"+MAXOFFLEFT+45+MAXOFFRIGHT+45+HORIZONTAL);
  56.  
  57. function moveBluelyr()
  58. {
  59.     if (blyr.x > dd.elements.lefttop.x - blyr.w && blyr.y >= dd.elements.rightbottom.y) blyr.moveTo(blyr.x-8, dd.elements.rightbottom.y);
  60.     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);
  61.     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);
  62.     else if (blyr.x >= dd.elements.rightbottom.x && blyr.y < dd.elements.rightbottom.y) blyr.moveTo(dd.elements.rightbottom.x, blyr.y+8);
  63.     else blyr.moveTo(dd.elements.rightbottom.x, dd.elements.rightbottom.y);
  64.     setTimeout('moveBluelyr();', 160);
  65. }
  66.  
  67.  
  68.  
  69. function my_DragFunc()
  70. {
  71.     if (dd.obj.name.indexOf('thumb_') >= 0)
  72.     {
  73.         var red = (parseInt((thumb_r.x-thumb_r.defx+45)*255/90)).toString(16),
  74.         green = (parseInt((thumb_g.x-thumb_g.defx+45)*255/90)).toString(16),
  75.         blue = (parseInt((thumb_b.x-thumb_b.defx+45)*255/90)).toString(16);
  76.         while (red.length < 2) red = '0'+red;
  77.         while  (blue.length < 2) blue = '0'+blue;
  78.         while  (green.length < 2) green = '0'+green;
  79.         var color = "#"+red+green+blue;
  80.         dd.elements.ccanvas.setBgColor(color);
  81.         document.cform.ctext.value = color;
  82.     }
  83. }
  84.  
  85.  
  86.  
  87. var lyr1 = dd.elements.reZLyr,
  88. nodet = dd.elements.nodetachlyr,
  89. det = dd.elements.detachlyr,
  90. thumb_r = dd.elements.thumb_r,
  91. thumb_g = dd.elements.thumb_g,
  92. thumb_b = dd.elements.thumb_b,
  93. blyr = dd.elements.bluelyr;
  94.  
  95. blyr.moveTo(dd.elements.rightbottom.x, dd.elements.rightbottom.y);
  96. blyr.show();
  97. moveBluelyr();
  98.  
  99. lyr1 = dd.elements.reZLyr;
  100. lyr1.moveTo(dd.elements.leop.x + dd.elements.leop.w - 65, dd.elements.leop.y + 20);
  101. lyr1.show();
  102.  
  103. nodet.moveTo(dd.elements.detachbuoy.x, dd.elements.detachbuoy.y-nodet.h);
  104. nodet.show();
  105.  
  106. det.moveTo(nodet.x+nodet.w+2, nodet.y);
  107. det.show();
  108. 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);
  109.  
  110. thumb_r.moveTo(dd.elements.track_r.x+36, dd.elements.track_r.y);
  111. thumb_g.moveTo(dd.elements.track_g.x+36, dd.elements.track_g.y);
  112. thumb_b.moveTo(dd.elements.track_b.x+36, dd.elements.track_b.y);
  113. thumb_r.setZ(dd.elements.track_r.z+1);
  114. thumb_g.setZ(dd.elements.track_g.z+1);
  115. thumb_b.setZ(dd.elements.track_b.z+1);
  116. dd.elements.track_r.addChild('thumb_r');
  117. dd.elements.track_g.addChild('thumb_g');
  118. dd.elements.track_b.addChild('thumb_b');
  119. thumb_r.defx = dd.elements.track_r.x+36;
  120. thumb_g.defx = dd.elements.track_g.x+36;
  121. thumb_b.defx = dd.elements.track_b.x+36;
  122.  
  123. //-->
  124. </script>
  125. </body>
  126. </html>
  127.