Dropdown menu not working in IE8

Hi there,

I have installed the OT Realist template and it is perfectly working in IE9, firefox and chrome but in IE8.

There is a problem with the Dropdown menu with IE8, it seems that some functions are not supported, specifically addEvent Function

el_2.addEvent('mouseenter', function()

I tryed to change it to the attachEvent function but I don't know if I will get the same result. I made the change but now it is giving me an error with the init function.


init: function()
{
this.mw = this.clientWidth;
this.mh = this.clientHeight;

if (this.parent._id) {
this.myFx2 = new Fx.Tween(this, {
duration: 400,
link: 'cancel'
});
this.myFx2.set('width', 0);
} else {
this.myFx2 = new Fx.Tween(this, {
duration: 400,
link: 'cancel'
});
this.myFx2.set('height', 0);
}

this.setStyle('left', '-999em');

animComp = function()
{
if (this.status == 'hide') {
this.setStyle('left', '-999em');
this.hidding = 0;
}

this.setStyle('overflow', '');
}
if(!this.myFx2.addEvent){
this.myFx2.attachEvent('onComplete', animComp.bind(this));
}
else
{
this.myFx2.addEvent('onComplete', animComp.bind(this));
}
},

....

el_3.init();

Any idea of how to make the template compatible with IE8?

Hello,

The dropdown menu works fine on IE7, IE8, IE9, can you check our demo ? I think if you can submit your url here that it will be better.

Thanks

You are fully right, I tested the demo and it is working fine in IE8. I'm really surprised about why is not working in my implementation. I would guess that it might be a conflict with another component, maybe mootools or JQuery.

If you can support me on this I will appreciate it because I have spent too much time on this without a positive result.

Here is the link for the site: www.vivecasa.com.mx

Thanks in advance for the help

Hello,

Can you send me your ftp ? so i can help you. My email is: services(at)omegatheme.com ( include your request plz)


Regards