JS Stops working in IE6

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

sheldonlg wrote:

Here is an app: www.sheldonlg.com/JSstops.htm
>
It passes strict W3C validation.
>
**In IE6**, if you click on the plus, a sub-table appears. Click on the
plus from the subtable and nothing happens. It should expand one or two
more levels of subtables.

Correction: It should expand two more levels.

>
Modifying just about anything will cause the all the subtable (or at
least one more to appear.
>
For example, removing the line:
>
<div id="header">Tes t</div>
>
will cause it to expand two more levels while removing the line:
>
<div class="DHTMLSui te_menuItem_top _regular" id="DHTMLSuite_ menuItem1"
style="FLOAT: left"></div>
>
or the block:
>
<tr>
<td align="center">
<select id="fiscalPerio d" name="fiscalPer iod">
<option></option>
</select>
</td>
</tr>
>
or the line:
>
<caption style="FONT-WEIGHT: 800; FONT-SIZE: 16px">Spending</caption>
>
will cause it to expand one more level.
>
(I distilled this from my AJAX framework app and corrected all the
changes that IE6 made when I did a document:write in the menu bar).

Correction: document.write in the address bar.

>
I thought that it has something to do with the css for the menuing
system, but I don't think so now. I say this because if I remove the
entire menuing tags:
>
<div class="DHTMLSui te_menuBar_top" >
<div class="DHTMLSui te_menuItem_top _regular"
id="DHTMLSuite_ menuItem1" style="FLOAT: left"></div>
</div>
>
then is only expands one more level. The last level still doesn't work.
>
Can someone give me a clue as to what is happening here?

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

sheldonlg wrote:

Here is an app: www.sheldonlg.com/JSstops.htm

I have the entire menuing removed, tags and css stuff, in
www.sheldonlg.com/JSstops2.htm.

This expands three levels, but not the fourth. Removing things causes
all four levels to appear.

**Beauregard T. Shagnasty** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

In alt.html, sheldonlg wrote:

sheldonlg wrote:

>Here is an app: www.sheldonlg.com/JSstops.htm

>
I have the entire menuing removed, tags and css stuff, in
www.sheldonlg.com/JSstops2.htm.
>
This expands three levels, but not the fourth. Removing things causes
all four levels to appear.

I don't see any "levels" at all, though when I look at the source of the
page, there is a horrendous use of nested tables. Is that what you mean?
What is that empty dropdown box for?

Looks like a maintenance nightmare to me.

See:

http://tekrider.net/html/doctype.php

http://tekrider.net/html/fontsize.php

I also don't see any JavaScript that might do what your "onclick" code
is calling.

Using Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9b5) Gecko/2008050509
Firefox/3.0b5 with JavaScript enabled. No IE here.

--
-bts
-Friends don't let friends drive Windows

**Gregor Kofler** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

sheldonlg meinte:

sheldonlg wrote:

>Here is an app: www.sheldonlg.com/JSstops.htm

>
I have the entire menuing removed, tags and css stuff, in
www.sheldonlg.com/JSstops2.htm.
>
This expands three levels, but not the fourth. Removing things causes
all four levels to appear.

Well I suppose it doesn't work in *any* browser. And "refreshVie w is not
defined". Apart from that: nuttin' to click.

Gregor

x'post cancelled

--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

Gregor Kofler wrote:

sheldonlg meinte:

>sheldonlg wrote:

>>Here is an app: www.sheldonlg.com/JSstops.htm

>>
>I have the entire menuing removed, tags and css stuff, in
>www.sheldonlg.com/JSstops2.htm.
>>
>This expands three levels, but not the fourth. Removing things causes
>all four levels to appear.

>
Well I suppose it doesn't work in *any* browser. And "refreshVie w is not
defined". Apart from that: nuttin' to click.

Forget the buttons. They are only there because if I remove them in
this sample app, then the strange behavior does not occur. I am only
talking about the tables of values.

Click on the "+" (at "level 1". That opens an inner table (level 2")
while changing to a "-". Click on the "+" in level 2. It does nothing
in IE6. In Firefox, it opens up another nested inner table (level 3)
and changes to a "-". Clicking on the "+" in level 3 opens the last
inner table (leve 4).

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

Beauregard T. Shagnasty wrote:

In alt.html, sheldonlg wrote:
>

>sheldonlg wrote:

>>Here is an app: www.sheldonlg.com/JSstops.htm

>I have the entire menuing removed, tags and css stuff, in
>www.sheldonlg.com/JSstops2.htm.
>>
>This expands three levels, but not the fourth. Removing things causes
>all four levels to appear.

>
I don't see any "levels" at all, though when I look at the source of the
page, there is a horrendous use of nested tables. Is that what you mean?
What is that empty dropdown box for?

The levels refer to the depth of the nested table. The empty dropdown
is not empty in the real app, only this sample app. It is there because
if I remove it, then all the levels ("+" signs) expand the inner tables.
I pared down the original to get to the simplest case that shows the
strange behavior in IE6

>
Looks like a maintenance nightmare to me.

Not at all and, more importantly, THAT is what the customer wants

>
See:
http://tekrider.net/html/doctype.php

I found this article a little confusing.

http://tekrider.net/html/fontsize.php

This one is very helpful.

>
I also don't see any JavaScript that might do what your "onclick" code
is calling.

The only onclick of importance is for the "+" and "-" signs and that is
toggleSet and is there. Forget about all the others. They don't matter
for this discussion.

VK · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

>Here is an app: www.sheldonlg.com/JSstops.htm

Click on the "+" (at "level 1". That opens an inner table (level 2")
while changing to a "-". Click on the "+" in level 2. It does nothing
in IE6. In Firefox, it opens up another nested inner table (level 3)
and changes to a "-". Clicking on the "+" in level 3 opens the last
inner table (leve 4).

It works for me under IE6 / Windows XP SP2
What configuration are you using for test?

Also IE's conditional comments are working only for HTML and not for
external CSS files, so your last block in CSS file does nothing but
breaking your CSS table. See also

Internet Explorer for Developers

http://msdn.microsoft.com/en-us/library/bb250496.aspx

If you want IE-specific adjustments right in CSS table, use
expressions:

someElement {
width: 20em; /* default value */
width: expression(java script code here) /* IE adjustment */
}

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

VK wrote:

>>>>Here is an app: www.sheldonlg.com/JSstops.htm

>Click on the "+" (at "level 1". That opens an inner table (level 2")
>while changing to a "-". Click on the "+" in level 2. It does nothing
>in IE6. In Firefox, it opens up another nested inner table (level 3)
>and changes to a "-". Clicking on the "+" in level 3 opens the last
>inner table (leve 4).

You get down to the line without a "+"?

>
It works for me under IE6 / Windows XP SP2
What configuration are you using for test?

I am running XP SP2 and I have IE6 on it. It is version
6.0.2900.xpsp_s p2)070227-2254
cipher Strenght: 128-bit
Update Versions:; SP2;

>
Also IE's conditional comments are working only for HTML and not for
external CSS files, so your last block in CSS file does nothing but
breaking your CSS table. See also

Is that a general rule to not have IE specific conditionals in CSS?

Internet Explorer for Developers

http://msdn.microsoft.com/en-us/library/bb250496.aspx

>
If you want IE-specific adjustments right in CSS table, use
expressions:
>
someElement {
width: 20em; /* default value */
width: expression(java script code here) /* IE adjustment */
}

Thanks for the tip.

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

sheldonlg wrote:

VK wrote:

>It works for me under IE6 / Windows XP SP2
>What configuration are you using for test?

>
I am running XP SP2 and I have IE6 on it. It is version
6.0.2900.xpsp_s p2)070227-2254
cipher Strenght: 128-bit
Update Versions:; SP2;

I just called my son and had him try it on his machine that has IE6.
His expanded twice (mine does only once), but not the third time (to get
to the last, fourth, line). His version differs from mine in that after
the sp2 he has "_qfe" while I have "_gdr" (I just not is that my
previous reply was in error. It should have said:
6.0.2900.xpsp_s p2_gdr.070227-2254 )

VK · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

On May 18, 12:34 am, sheldonlg <sheldonlgwrote :

Is that a general rule to not have IE specific conditionals in CSS?

Of course not. IE specific conditionals in CSS are wrong not because
they are "theoretica lly wrong" or "should not be used" etc. They
simply do not work if they are not on HTML page. So your comments in
CSS file are not parsed and do nothing.

http://msdn.microsoft.com/en-us/library/bb250496.aspx

>

If you want IE-specific adjustments right in CSS table, use
expressions:

>

someElement {
width: 20em; /* default value */
width: expression(java script code here) /* IE adjustment */
}

>
Thanks for the tip.

you are welcome

VK · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

On May 18, 12:40 am, sheldonlg <sheldonlgwrote :

I also just test the JSstops1.htm on IE7. It expands two levels but not
the third. FF expands them all.

OK, I think I know the problem. The table default display style
differs by browsers: "block", "table-block" and crazy mess. This is
why one _never_ _ever_ does two things with tables:

1) you do not override default display style.
2) you do not set it to any explicit values. Instead you set it to
"" (empty string) if needed to reset to default.

So in your code all initially visible tables must have no display rule
at all: carefully check CSS and scripting.

All initially hidden tables have display:none

To show a table you set display to empty string:
tableReference. style.display = '';

To hide it again you set to none:
tableReference. style.display = 'none';

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

VK wrote:

On May 18, 12:40 am, sheldonlg <sheldonlgwrote :

>I also just test the JSstops1.htm on IE7. It expands two levels but not
>the third. FF expands them all.

>
OK, I think I know the problem. The table default display style
differs by browsers: "block", "table-block" and crazy mess. This is
why one _never_ _ever_ does two things with tables:
>
1) you do not override default display style.
2) you do not set it to any explicit values. Instead you set it to
"" (empty string) if needed to reset to default.
>
So in your code all initially visible tables must have no display rule
at all: carefully check CSS and scripting.
>
All initially hidden tables have display:none
>
To show a table you set display to empty string:
tableReference. style.display = '';
>
To hide it again you set to none:
tableReference. style.display = 'none';

I made that change and it didn't change anything.

VK · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

On May 18, 1:33 am, sheldonlg <sheldonlgwrote :

VK wrote:

On May 18, 12:40 am, sheldonlg <sheldonlgwrote :

I also just test the JSstops1.htm on IE7. It expands two levels but not
the third. FF expands them all.

>

OK, I think I know the problem. The table default display style
differs by browsers: "block", "table-block" and crazy mess. This is
why one _never_ _ever_ does two things with tables:

>

1) you do not override default display style.
2) you do not set it to any explicit values. Instead you set it to
"" (empty string) if needed to reset to default.

>

So in your code all initially visible tables must have no display rule
at all: carefully check CSS and scripting.

>

All initially hidden tables have display:none

>

To show a table you set display to empty string:
tableReference. style.display = '';

>

To hide it again you set to none:
tableReference. style.display = 'none';

>
I made that change and it didn't change anything.

I really need to go now, sorry. I will take another look today evening.

**sheldonlg** · Jun 27 '08, 07:12 PM

Re: JS Stops working in IE6

VK wrote:

On May 18, 1:33 am, sheldonlg <sheldonlgwrote :

>VK wrote:

>>On May 18, 12:40 am, sheldonlg <sheldonlgwrote :
>>>I also just test the JSstops1.htm on IE7. It expands two levels but not
>>>the third. FF expands them all.
>>OK, I think I know the problem. The table default display style
>>differs by browsers: "block", "table-block" and crazy mess. This is
>>why one _never_ _ever_ does two things with tables:
>>1) you do not override default display style.
>>2) you do not set it to any explicit values. Instead you set it to
>>"" (empty string) if needed to reset to default.
>>So in your code all initially visible tables must have no display rule
>>at all: carefully check CSS and scripting.
>>All initially hidden tables have display:none
>>To show a table you set display to empty string:
>> tableReference. style.display = '';
>>To hide it again you set to none:
>> tableReference. style.display = 'none';

>I made that change and it didn't change anything.

>
I really need to go now, sorry. I will take another look today evening.

Thank you.

JS Stops working in IE6

JS Stops working in IE6

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment