home *** CD-ROM | disk | FTP | other *** search
/ Atlas of the Solar System / NewAtlasOfTheSolarSystem.iso / HTML / Slider.JS < prev    next >
Encoding:
JavaScript  |  2001-01-28  |  2.1 KB  |  80 lines
  1. // X_SLIDER
  2.  
  3. function Slider (left, top, initial_position, width, height, flag)
  4. {
  5.     this.m_left = left;
  6.     this.m_top = top;
  7.  
  8.     this.m_width = width;
  9.     this.m_height = height;
  10.     this.m_position = initial_position;//0 - 1
  11.  
  12.     this.SetValue = _xslider_setValue;
  13.     this.Create = _xslider_create;
  14.  
  15. this.m_offset = flag;
  16.  
  17.     return this;
  18. }
  19.  
  20.  
  21. function _xslider_setValue(pos)
  22. {
  23.     document.images.left_part.width = this.m_width*pos;
  24.     document.images.right_part.width = this.m_width*(1.0-pos);
  25. }
  26.  
  27.  
  28. function _xslider_create(d)
  29. {
  30.     doc = d || document;
  31.     _xslider_buildReg (this, doc);
  32.  
  33. }
  34.  
  35. function _xslider_buildReg (g, doc)
  36. {
  37.     var str_top = parseInt(g.m_top);
  38.     var str_left = parseInt(g.m_left);
  39.     var str_width = parseInt(g.m_width);
  40.     var str_height = parseInt(g.m_height);
  41.     
  42.     var str_lwidth = parseInt(g.m_width*g.m_position);
  43.     var str_rwidth = parseInt(g.m_width - g.m_width*g.m_position);
  44.  
  45.     var str_par0 = parseInt(g.m_left);
  46.     var str_par1 = parseInt(g.m_width);
  47.  
  48.     var str_par2 = parseInt(g.m_offset);
  49.     
  50.     var str = "";
  51.     str += "<DIV style=\"position: absolute; top: " + str_top + "px; left: " + str_left + "px\">\n";
  52.  
  53.     str += "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td valign=\"top\">\n";
  54.  
  55.  
  56.     str += "<IMG height=" + str_height + " name=\"left_part\" src=\"main.gif\" width=" + str_lwidth +
  57.             " ondblclick=\"adjust(" + str_par0 + "," + str_par1 + "," + str_par2 + ")\"" + 
  58.             " onmouseup=\"adjust(" + str_par0 + "," + str_par1 + "," + str_par2 + ")\"\n";
  59.     str += "><IMG height=" + str_height + " name=\"right_part\" src=\"back.gif\" width=" + str_rwidth +
  60.             " ondblclick=\"adjust(" + str_par0 + "," + str_par1 + "," + str_par2 + ")\"" + 
  61.             " onmouseup=\"adjust(" + str_par0 + "," + str_par1 + "," + str_par2 + ")\">\n";
  62.     str += "</td></table>";
  63.     str += "</DIV>\n";
  64.  
  65.     doc.write(str);
  66.  
  67. } //function _xslider_buildReg (g, doc)
  68.  
  69. function adjust (slider_left, total_width, offset)
  70. {
  71.     //alert(event.srcElement.name);
  72.     var x = event.x - offset;
  73.     
  74.  
  75.     var hor = 1000*(x - slider_left)/total_width;
  76.  
  77.     window.external.SetSliderPos(hor);
  78. }
  79.  
  80.