IE display problem (no JS errors, fine on FFx) : LivePipe™ Community

I have a page that uses c.t (and c.m for that matter) and displays as expected on Firefox. Unfortunately my boss runs Windows and shows me that on IE there's a big problem, which he wants fixed ASAP.

Specifically, as the page loads we can see all the content fine but it immediately flashes and then the content within the tab div (not the tabs row but the div within which the tab-specific content is shown) closes up. As if it were assigned display:none or something like that.

As I said FFx JS console and Firebug report no errors, and both the html and CSS validate. IE6 reports a strange error. which I don't quite understand:

Line 115, Char 5 Error: Object doesn't support this property or method Code: 0

But I have no clue on what line 115, char 5 is the culprit. Line 115 of the source (using view source) is just a . Line 115 of control.tabs.js is "}.bind(this));" and I suppose that might be a better candidate, but if so why doesn't FFx or Firebug report a problem? Also, if "this" is not a good object by line 115, how come the error doesn't come on the lines right before when this is also used?

Help?

Posted April 21st, 2007 at 11:40am by BillSaysThis

I'm afraid I don't know, and don't have time to investigate thoroughly. I do know that c.t. is used in hundreds of projects, including about 5 of my own which work cross browser without a problem, so unfortunately it's probably something that is wrong with your page in particular. When nessecary I start from scratch, and keep putting in the components of a page until I figure out what has broken it. Good luck!

Posted April 21st, 2007 at 12:15pm by ryan

Okay, fair enough. So I took out all the content and the following test case, which is as simple as I can think of, and still get the same line 115 error message and strange behavior. Would really appreciate if someone, Ryan or other user, could take a look and point out my incorrect coding.

support tabs test Event.observe(window,'load',function(){ $$('.tabs').each(function(tabs){ new Control.Tabs(tabs); }); }); p {font-size:10pt;} z-support-tabs ul.tabs {list-style:none;margin:0;padding:0;clear:both;height:20px;}

z-support-tabs ul.tabs li {float:left;margin-right:5px;width:130px;text-align:center;} z-support-tabs ul.tabs li a {display:block;height:20px;padding:3px 3px 0 3px;background-color:#cecece;color:#000940;text-decoration: none;} z-support-tabs ul.tabs li a:hover {color:#666;} z-support-tabs ul.tabs li a.active {background-color:#000940;color: #63c502;} z-support-tabs div {clear:both;padding: 10px;}

Understanding Your Machine

Getting Started
Applications
Control Panel
Files
Security
Importing

test1

test2

test3

test4

test5

test6

Test Footer

Posted April 21st, 2007 at 5:55pm by BillSaysThis

This code works fine for me (Prototype 1.5.0, Control.Tabs 1.6.0 on FF 2, IE6 and IE7)

Posted April 21st, 2007 at 9:11pm by kangax

Annoyingly enough, the solution was upgrading Prototype to 1.5.1 RC2. Don't you hate it when one unsuspecting piece is the culprit?

Posted April 23rd, 2007 at 3:07pm by BillSaysThis

Just an update. This bug reappears with prototype 1.6.0 RC - downgrading back to 1.5.1.1 fixes IE7 functionality.

Posted October 4th, 2007 at 1:35pm by

I had this problem. It was removing all but the active tab content from the page. I upgraded to 1.5.1.1 of prototype and it at least doesn't remove the content, but the control.tabs functionality still isn't working. Can anyone verify that they have Control.Tabs working as expected in IE6?

Note: I know, I know. "Broken" is typically "as expected" in IE6. You know what I mean.

Posted October 17th, 2007 at 4:55pm by knewter

No - it's broken for me in IE6 and 7 too. I get the "Object doesn't support this property or method" on the line that creates the control.tabs instance. The same thing works perfectly in Safari and FF, both Mac & Win.

Posted December 14th, 2007 at 11:13am by Synchro

LivePipe™

IE display problem (no JS errors, fine on FFx)

Login or Register to Post