Javascript conflict - help please

serpico posted this at 08:49 — 16th September 2009.

Joined: Aug 2008

Hi Guys,

I have conflict here someone but I'm struggling to troubleshoot and come up with a solution. I have a MooTools MooTabs led Tabbed Content at the bottom of this homepage which works fine across the main browsers except in IE6 and IE7. Here's my error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; eSobiSubscriber 2.0.4.16; .NET CLR 3.0.30618; .NET CLR 3.5.30729)
Timestamp: Wed, 16 Sep 2009 08:48:22 UTC

Message: Object doesn't support this property or method
Line: 20
Char: 3
Code: 0
URI: http://numero.devportfolio.co.uk/wp-content/themes/thestation/mootabs/mo...

Message: Object doesn't support this property or method
Line: 56
Char: 102
Code: 0
URI: http://numero.devportfolio.co.uk/wp-content/themes/thestation/mootabs/mo...

LINK: http://numero.devportfolio.co.uk/

Can anyone help identify & fix the error?

Thanks!

serpico

davecoventry posted this at 09:37 — 16th September 2009.

He has: 112 posts

Joined: Jun 2009

Google found this:

http://tommcfarlin.com/2008/05/17/addressing-prototype-setstyle-internet...

Hope this helps.

serpico posted this at 11:36 — 16th September 2009.

They have: 121 posts

Joined: Aug 2008

Hmmmm... javascript isnt my forte... but it looks like its already doing that. Am I missing something?

		this.el = $(element);
		this.elid = element;
		
		this.el.setStyles({
			height: this.options.height,
			width: this.options.width
		});

serpico

serpico posted this at 11:28 — 18th September 2009.

They have: 121 posts

Joined: Aug 2008

Anyone got any suggestions. JS really aint my bag!