attachEvent does not work in Firefox

[dotcom]

Hello friends,
i have written following line of code in javascript for event handler but it works fine with IE but not works with Firefox
it get stuck on "attachevent"

addScrollSynchronization(divHeaderColumn, divContent, "vertical");
 
function addScrollSynchronization(fromElement, toElement, direction) {
removeScrollSynchronization(fromElement);
 
fromElement._syncScroll = getOnScrollFunction(fromElement);
fromElement._scrollSyncDirection = direction;
fromElement._syncTo = toElement;
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;
}
 

anybody know any solution plz let me know

[dmjpro]

Hello friends,
i have written following line of code in javascript for event handler but it works fine with IE but not works with Firefox
it get stuck on "attachevent"

addScrollSynchronization(divHeaderColumn, divContent, "vertical");

function addScrollSynchronization(fromElement, toElement, direction) {
removeScrollSynchronization(fromElement);

fromElement._syncScroll = getOnScrollFunction(fromElement);
fromElement._scrollSyncDirection = direction;
fromElement._syncTo = toElement;
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;
}


anybody know any solution plz let me know

Please maintain the Code Tags while you do Post.

Look, attachEvent does not work in Firefox.
use addEventListener.

toElement.addEventListener("scroll", fromElement._syncScroll,true);
fromElement._syncTo.removeEventListener("scroll", fromElement._syncScroll,true);
 

I think it will work.

Kind regards,
Dmjpro.

[dotcom]

Please maintain the Code Tags while you do Post.

Look, attachEvent does not work in Firefox.
use addEventListener.

toElement.addEventListener("scroll", fromElement._syncScroll,true);
fromElement._syncTo.removeEventListener("scroll", fromElement._syncScroll,true);
 

I think it will work.

Kind regards,
Dmjpro.

THANKS Dmjpro

but still i am getting error in other line

divContent.parentElement.style.width = divContent.offsetWidth + headerRowsWidth;
 

it says that divContent.parentElement. has no properties

if u know plz suggest

anyway thanks

[dotcom]

THANKS Dmjpro

but still i am getting error in other line
divContent.parentElement.style.width = divContent.offsetWidth + headerRowsWidth;

it says that divContent.parentElement. has no properties

if u know plz suggest

anyway thanks

THANKS
Dmjpro

I GOT it now it is not showing error but it is not working

[dmjpro]

THANKS Dmjpro

but still i am getting error in other line
divContent.parentElement.style.width = divContent.offsetWidth + headerRowsWidth;

it says that divContent.parentElement. has no properties

if u know plz suggest

anyway thanks

Hey!
I already told you to use Code Tags.

divContent.parentNode.style.width = divContent.offsetWidth + headerRowsWidth + "px";
//Do this I think it will work.
 

Best of Luck.

Kind regards,
Dmjpro.

[acoder]

dotcom, the lesson here is to test in standards-compliant browsers such as Firefox or Opera first, then test in IE. attachEvent is IE-only and does not work in other browsers. addEventListener is the standard method and is supported by the rest of the modern browsers, but not IE. See this article.

The same applies to parentElement and parentNode. The difference here is that parentNode will work in all browsers.

[acoder]

Changed the thread title to better describe the problem. Please use a good thread title. Also use code tags when posting code.