[Sommaire] [Imprimer]

   1  /***********************************************************************
   2  ** Title.........:  Simple Lite Slider for Image Editor
   3  ** Version.......:  1.1
   4  ** Author........:  Xiang Wei ZHUO <wei@zhuo.org>
   5  ** Filename......:  slider.js
   6  ** Last changed..:  31 Mar 2004 
   7  ** Notes.........:  Works in IE and Mozilla
   8  **/ 
   9  
  10  var ie=document.all
  11  var ns6=document.getElementById&&!document.all
  12  
  13  document.onmouseup = captureStop;
  14  
  15  var currentSlider = null,sliderField = null;
  16  var rangeMin = null, rangeMax= null, sx = -1, sy = -1, initX=0;
  17  
  18  function getMouseXY(e) {
  19  
  20      //alert('hello');
  21      x = ns6? e.clientX: event.clientX
  22      y = ns6? e.clientY: event.clientY
  23      
  24      if (sx < 0) sx = x; if (sy < 0) sy = y;
  25  
  26      var dx = initX +(x-sx);
  27      
  28      if (dx <= rangeMin)
  29          dx = rangeMin;
  30      else if (dx >= rangeMax)
  31          dx = rangeMax;
  32  
  33      var range = (dx-rangeMin)/(rangeMax - rangeMin)*100;
  34  
  35      if (currentSlider !=  null)
  36          currentSlider.style.left = dx+"px";
  37          
  38      if (sliderField != null)
  39      {
  40          sliderField.value = parseInt(range);
  41      }
  42      return false;
  43  
  44  }
  45  
  46  function initSlider()
  47  {
  48      if (currentSlider == null)
  49          currentSlider = document.getElementById('sliderbar');
  50     
  51      if (sliderField == null)
  52          sliderField = document.getElementById('quality');
  53  
  54      if (rangeMin == null)
  55          rangeMin = 3
  56      if (rangeMax == null)
  57      {
  58          var track = document.getElementById('slidertrack');
  59          rangeMax = parseInt(track.style.width);
  60      }
  61  
  62  }
  63  
  64  function updateSlider(value)
  65  {
  66      initSlider();
  67  
  68      var newValue = parseInt(value)/100*(rangeMax-rangeMin);
  69  
  70      if (newValue <= rangeMin)
  71          newValue = rangeMin;
  72      else if (newValue >= rangeMax)
  73          newValue = rangeMax;
  74  
  75      if (currentSlider !=  null)
  76          currentSlider.style.left = newValue+"px";
  77      
  78      var range = newValue/(rangeMax - rangeMin)*100;
  79  
  80      if (sliderField != null)
  81          sliderField.value = parseInt(range);
  82  }
  83  
  84  function captureStart()
  85  {
  86      
  87      initSlider();
  88  
  89      initX = parseInt(currentSlider.style.left);
  90      if (initX > rangeMax)
  91          initX = rangeMax;
  92      else if (initX < rangeMin)
  93          initX = rangeMin;
  94  
  95      document.onmousemove = getMouseXY;
  96  
  97      return false;
  98  }
  99  
 100  function captureStop()
 101  {
 102      sx = -1; sy = -1;
 103      document.onmousemove = null;
 104      return false;
 105  }