JS Stops working in IE6

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.

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">Test</div>

will cause it to expand two more levels while removing the line:

<div class="DHTMLSuite_menuItem_top_regular" id="DHTMLSuite_menuItem1"
style="FLOAT: left"></div>

or the block:

<tr>
<td align="center">
<select id="fiscalPeriod" name="fiscalPeriod">
<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).

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="DHTMLSuite_menuBar_top">
<div class="DHTMLSuite_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 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">Test</div

will cause it to expand two more levels while removing the line:

div class="DHTMLSuite_menuItem_top_regular" id="DHTMLSuite_menuItem1"
style="FLOAT: left"></div

or the block:

tr
td align="center"
select id="fiscalPeriod" name="fiscalPeriod"
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="DHTMLSuite_menuBar_top"
div class="DHTMLSuite_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 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.

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 "refreshView 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).

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.

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
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(javascript code here) /* IE adjustment */
}

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 "refreshView is
not defined". Apart from that: nuttin' to click.

In order to clear up confusion, the new app is at
www.sheldonlg.com/JSstop1.com

That one has no buttons or dropdown list. All it gas that is clickable
is the plus sign to expand the nested tables. With this app, it stops
after one expansion in IE6, but expands all three times in FF.

On May 18, 12:03 am, sheldonlg <sheldonlg> wrote:

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 "refreshView is
not defined". Apart from that: nuttin' to click.

In order to clear up confusion, the new app is atwww.sheldonlg.com/JSstop1.com

That one has no buttons or dropdown list. All it gas that is clickable
is the plus sign to expand the nested tables. With this app, it stops
after one expansion in IE6, but expands all three times in FF.

There is not JSstop1.html on your server. I see
http://www.sheldonlg.com/JSstops.htm
http://www.sheldonlg.com/JSstops2.htm
there and both seem working as intended with 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_sp2)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?

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(javascript code here) /* IE adjustment */
}

Thanks for the tip.

VK wrote:

On May 18, 12:03 am, sheldonlg <sheldonlg> wrote:
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 "refreshView is
not defined". Apart from that: nuttin' to click.
In order to clear up confusion, the new app is atwww.sheldonlg.com/JSstop1.com

That one has no buttons or dropdown list. All it gas that is clickable
is the plus sign to expand the nested tables. With this app, it stops
after one expansion in IE6, but expands all three times in FF.

There is not JSstop1.html on your server. I see
http://www.sheldonlg.com/JSstops.htm
http://www.sheldonlg.com/JSstops2.htm
there and both seem working as intended with IE6

JSstops1.htm I left of the "s" when writing this post.