Expanding table help

Menolo · Feb 5, 2005

This works kind of ok in IE but does not restore correct in
Netscape/Firefox, please let me know how I can fix or is there a better way,
I would also like to incorporate a '+' and '-' image for expand and restore.
Thanks
http://www.kerryhotrod.com/test/expand.htm

Steve Pugh · Feb 5, 2005

Menolo said:
This works kind of ok in IE but does not restore correct in
Netscape/Firefox, please let me know how I can fix or is there a better way,
I would also like to incorporate a '+' and '-' image for expand and restore.
Thanks
http://www.kerryhotrod.com/test/expand.htm

Netscape and Firefox know that table rows are not display: block and
hence making them display: block will not restore their default
presentation.

Steve

Toby Inkster · Feb 5, 2005

Menolo said:
http://www.kerryhotrod.com/test/expand.htm

Setting "display:block" for table rows is nonsense. You should set
"display:table-row".

Menolo · Feb 7, 2005

Thx for reply, that works and restores as I want in NN/Firefox now but will
not work in IE at all.

mscir · Feb 7, 2005

Menolo said:
Thx for reply, that works and restores as I want in NN/Firefox now but will
not work in IE at all.

It works in my IE6, Netscape 7.2.

Mike

Menolo · Feb 7, 2005

ok, please look and tell me where I am wrong.
http://www.kerryhotrod.com/test/table-row.htm

rf · Feb 7, 2005

Menolo said:
ok, please look and tell me where I am wrong.
http://www.kerryhotrod.com/test/table-row.htm

You have errors. Turn on error reporting in IE.

In any case we had almost exactly the same discussion a couple of months
ago.

IE does not understand table-row. If you specify this then it might barf.

Best is to swap between display="none" and display="". The latter is the
same as omitting the display: property. The browser will use whatever it
sees fit to use as the default.

mscir · Feb 8, 2005

rf said:
You have errors. Turn on error reporting in IE.

How about this, including these changes:

- use var x...
- use inline
- use href="#"

<script type="text/javascript">
function doTable(i){
if(!document.getElementById)return;
var d=document.getElementById(i);
var t=d.getElementsByTagName("TR");
for(var x=0;x<t.length;x++)
if(t[x].className=='expand')
t[x].style.display=(t[x].style.display=='none')?'inline':'none';
}
</script>
</head>
<body onLoad="doTable('table1'); return false;">

<a href="#" onclick="doTable('table1'); return
false;">Expand/contract</a></td>

rf · Feb 8, 2005

mscir said:
How about this, including these changes:

Why are you asking me? I'm not even vaguely interested in getting javascript
hiding stuff working.

t[x].style.display=(t[x].style.display=='none')?'inline':'none';

That is even more bizarre than the original problem.

Who knows *what* a browser would do with a <tr> with display: inline

Menolo · Feb 8, 2005

Thanks for the help.

Only one table shows up with the information	2	Mar 29, 2023
Help wanted to modify Gimp Script-fu : will pay	0	Aug 26, 2022
I need help in understanding these files on my phone, Could someone help me understand these files? Urgent help needed. Please help.	1	Jun 4, 2023
I need help fixing my website	2	Oct 15, 2023
Need total amount displayed of data-price attribute from each table	2	Jul 3, 2022
Code help please	4	May 19, 2023
Help with Visual Lightbox: Scripts	2	May 3, 2023
Help with my responsive home page	2	Dec 14, 2022

Expanding table help

Menolo

Steve Pugh

Toby Inkster

Menolo

mscir

Menolo

rf

mscir

rf

Menolo

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads