display:none to table rows

[aigarzzz]

<table>
<tr id="first"><td>1cell</td><td>2cell</td></tr>
<tr id="second" style="display:none"><td colspan="2" >2nd row content</td></tr>
</table>

and the javascript:
document.getElementById('second').style.display = 'block';

why second row td colspan=2 dosn't work - text '2nd row content' is only in 2nd row 1st cell?

 

[BabyJeffy]

Try getting rid of the style="display:none;" from the row... and then applying that style using javascript once the page has loaded. What brtowser have you tested this on - try other browsers to see if it's browser specific.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[BillyRayPreachersSon]

why second row td colspan=2 dosn't work - text '2nd row content' is only in 2nd row 1st cell?

There are two cells in the 2nd row. Just because you've hidden the first, doesn't mean it isn't there.

Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BabyJeffy]

Hehe... yeah... try setting style="text-align:right" on the td and see if the content aligns to the right (which would put it under the second column).

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[aigarzzz]

content align to 2nd row 1 cell right corner after style="text-align:right"...

 

[aigarzzz]

i just test it on IE6 and there everything is fine. Problem is when i use Firefox!

 

[BabyJeffy]

content align to 2nd row 1 cell right corner after style="text-align:right"..

Then everything appears to be fine. Maybe you could explain to us what the difference is between IE and FF in this case? Be specific about what you are seeing and what you are expecting to see.

We'll figure it out

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

 

[aigarzzz]

difference between IE6 and FIREFOX is that IE6 text '2nd row content' is placed in 2nd row 1st and 2nd cell (colspan=2), but in Firefox only in 2nd row 1st cell(colspan=1)

 

[BillyRayPreachersSon]

I've already told you why I suspect this is happening... perhaps you didn't understand my post?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Hnm - apologies - I misunderstood your post, it seems.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]