table, tbody collapse

[Kaklz]

Tātad intereses pēc saveidoju aptuveni šādu risinājumu:

 

<table id="filterForm">
 <thead>
	 <tr><th colspan="2">Filter (<a href="#" onClick="JavaScript:document.getElementById('filterFrmBody').style.display='block';">Show</a> | <a href="#" onClick="JavaScript:document.getElementById('filterFrmBody').style.display='none';">Hide</a>)</th></tr>
 </thead>

 <tbody id="filterFrmBody">
	 <tr><td>1</td><td>2</td></tr>
	 <tr><td>3</td><td>4</td></tr>
	 <tr><td>5</td><td>6</td></tr>
 </tbody>
</table>

 

Jautājums ir cik legāli ir tā darīties? Vai tas nav pretrunā ar kaut kādiem XHTML/CSS/DOM likumiem? Jautājums rodas tāpēc, ka uz Mozilla FireFox šis risinājums īsti negrib darboties - pirmo reizi noslēpjot un parādot tbody viss ir kārtībā. Taču kad tiek izveikta otrā paslēpšana un parādīšana, tbody tiek nobīdīts uz leju par tādu gabalu, cik augsts viņš ir un starp tbody un thead parādās balta atstarpe. Ar katru nākamo paslēpšanu un parādīšanu šī atstarpe arvien palielinās aritmētiskā progresijā.

 

Paldies jau iepriekš :)

[Kaklz]

Pie risinājuma tiku SitePoint forumā.

 

<thead>
  <tr><th colspan="2">Filter (<a href="#" onClick="JavaScript:document.getElementById('filterFrmBody').style.display='';">Show</a> | <a href="#" onClick="JavaScript:document.getElementById('filterFrmBody').style.display='none';">Hide</a>)</th></tr>
</thead>

 

Display stils tiek uzlikts uz none un pēc tam uzlikts atpakaļ uz tukšu tekstu, kas nozīmē sākotnējo vērtību.

 

Paldies par uzmanību :)

[рпр]

vienmeer lapini...