slider.js

eGroupWare is a multi-user, web-based groupware suite developed on a custom set of PHP-based APIs. C

/***********************************************************************
** Title.........:  Simple Lite Slider for Image Editor
** Version.......:  1.0
** Author........:  Xiang Wei ZHUO <[e-mail]>
** Filename......:  slider.php
** Last changed..:  31 Aug 2003  
** Notes.........:  Works in IE and Mozilla
**/ 

var ie=document.all
var ns6=document.getElementById&&!document.all

document.onmouseup = captureStop;

var currentSlider = null,sliderField = null;
var rangeMin = null, rangeMax= null, sx = -1, sy = -1, initX=0;

function getMouseXY(e) {

    //alert('hello');
    x = ns6? e.clientX: event.clientX
    y = ns6? e.clientY: event.clientY
    
    if (sx < 0) sx = x; if (sy < 0) sy = y;

    var dx = initX +(x-sx);
    
    if (dx <= rangeMin)
        dx = rangeMin;
    else if (dx >= rangeMax)
        dx = rangeMax;

    var range = (dx-rangeMin)/(rangeMax - rangeMin)*100;

    if (currentSlider !=  null)
        currentSlider.style.left = dx;
        
    if (sliderField != null)
    {
        sliderField.value = parseInt(range);
    }
    return false;

}

function init()
{
    if (currentSlider == null)
        currentSlider = MM_findObj('sliderbar');
    
    if (sliderField == null)
        sliderField = MM_findObj('quality');

    if (rangeMin == null)
        rangeMin = 3
    if (rangeMax == null)
    {
        var track = MM_findObj('slidertrack');
        rangeMax = parseInt(track.style.width);
    }

}

function updateSlider(value)
{
    init();

    var newValue = parseInt(value)/100*(rangeMax-rangeMin);

    if (newValue <= rangeMin)
        newValue = rangeMin;
    else if (newValue >= rangeMax)
        newValue = rangeMax;

    if (currentSlider !=  null)
        currentSlider.style.left = newValue;
    
    var range = newValue/(rangeMax - rangeMin)*100;

    if (sliderField != null)
        sliderField.value = parseInt(range);
}

function captureStart(){
    
    init();

    initX = parseInt(currentSlider.style.left);
    if (initX > rangeMax)
        initX = rangeMax;
    else if (initX < rangeMin)
        initX = rangeMin;

    document.onmousemove = getMouseXY;

    return false;
}

function captureStop()
{
    sx = -1; sy = -1;
    document.onmousemove = null;
    return false;
}