Benutzer:J*/Labor/Archiv/Datumswähler.js

function getTotalOffset( element, offsetType, sum )
{
    if ( element.offsetParent != null )
        sum += getTotalOffset( element.offsetParent, offsetType, sum );
    return sum + element[offsetType];
}

Node.prototype.getTotalOffsetTop = function () { return getTotalOffset( this, "offsetTop", 0 ); };
Node.prototype.getTotalOffsetLeft = function () { return getTotalOffset( this, "offsetLeft", 0 ); };

var s = {
    init: function () {
        s.info = $("sliderinfo");
        s.case = $("slidercase");
        s.slider = $("slider");
        s.slider2 = $("slider2");
        s.top = s.case.getTotalOffsetTop();
        s.left = s.case.getTotalOffsetLeft();
    },
    move: function (e) {
        var x = document.all ? window.event.clientX : e.pageX;
        var y = document.all ? window.event.clientY : e.pageY;
        if ( x > s.left && x < s.left + s.case.offsetWidth &&
             y > s.top  && y < s.top  + s.case.offsetHeight )
        {
            var dx = x - s.left - 1 ;
            var px = dx / ( s.case.offsetWidth - 2 );
            var date = s.calcTime(px);
            var dateInfo = "";
            dateInfo += date.getDate() + ". ";
            dateInfo += ["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"][date.getMonth()] + " ";
            dateInfo += date.getFullYear();
            s.info.innerHTML = dateInfo;
            s.slider.style.left = (dx - 1 ) + "px";
            s.slider.style.display = "block";
            
        }
        else
        {
            s.info.innerHTML = "Kein Datum ausgewählt.";
            s.slider.style.display = "none";
        }
    },
    calcTime: function (p) {
        return new Date( ( (s.today - s.birth) * p + s.birth ) * 1000 );
    }
}

s.init();

function initSlider()
{
    window.onmousemove = s.move;

    s.birth = parseInt( $("t_birth").innerHTML );
    s.today = parseInt( $("t_today").innerHTML );
}

// später mit onLoadHook
initSlider()