Sync af divs

Det er sikkert fordi Internet Explorer bruger "attachEvent" og de andre browsere bruger "addEventListener"..


Eksempel:


if(window.addEventListener){ // Mozilla, Netscape, Firefox
    toElement.addEventListener("onscroll", fromElement._syncScroll);
} else { // IE
    toElement.attachEvent("onscroll", fromElement._syncScroll);
}

Svar.

<ole>

Ikke 'on' i addEventListener - men til gengæld mangler tredie argument (formodentlig false):
    toElement.addEventListener("scroll", fromElement._syncScroll, false);

/mvh
</bole>

Godt gået !

Med thesurfer's løsning tilrettet med olebole's rettelser, fungerer det som ønsket.

olebole, vil du lægge et svar så jeg kan dele points ?


MVH

Kim

Ellers tak. 'Badedyret' havde sikkert selv rettet småfejlene, hvis du havde nævnt, at det ikke virkede - så giv dem til thesurfer  ;o)

Bare ok, men tak alligevel ;=)

Selvtak  ;o)

Hehehe.. 'Badedyret'..  den var ny.. havde jeg ikke set før.. :-)

Kært barn har mange navne  ;o)

Hej igen.

Som man kan se af ovenstående, fik jeg løst opgaven.

Nu er der imidlertid sket det, at nogle brugere anvender android tablet, og i dennes browser fungerer scriptet ikke.

Scriptet ser således ud, er der nogen som kan gennemskue hvad der er galt?

// This is a function that returns a function that is used
// in the event listener
function getOnScrollFunction(oElement) {
    return function () {
        if (oElement._scrollSyncDirection == "horizontal" || oElement._scrollSyncDirection == "both")
            oElement.scrollLeft = event.srcElement.scrollLeft;
        if (oElement._scrollSyncDirection == "vertical" || oElement._scrollSyncDirection == "both")
            oElement.scrollTop = event.srcElement.scrollTop;
    };

}
// This function adds scroll syncronization for the fromElement to the toElement
// this means that the fromElement will be updated when the toElement is scrolled
function addScrollSynchronization(fromElement, toElement, direction) {
    removeScrollSynchronization(fromElement);
   
    fromElement._syncScroll = getOnScrollFunction(fromElement);
    fromElement._scrollSyncDirection = direction;
    fromElement._syncTo = toElement;
    if(window.addEventListener)
    {
        // Mozilla, Netscape, Firefox
        toElement.addEventListener("scroll", fromElement._syncScroll, false);
    } else {
        // IE
        toElement.attachEvent("onscroll", fromElement._syncScroll);
    }
}

// removes the scroll synchronization for an element
function removeScrollSynchronization(fromElement) {
    if (fromElement._syncTo != null)
        fromElement._syncTo.detachEvent("onscroll", fromElement._syncScroll);

    fromElement._syncTo = null;;
    fromElement._syncScroll = null;
    fromElement._scrollSyncDirection = null;
}

Du vil få vanskeligt ved at få scriptet til at fungere i browsere, baseret på WebKit. Kik f.eks. på denne tråd, som omhandler et problem med samme oprindelse