display:block un colspan

[tomaac]

Ir tabula ar divām rindām. Pirmā rinda sastāv no četrām kolonnām, otrā rinda - no vienas kolonnas (colspan = 4).

 

<table>
 <tr>
  <td>aaaaa</td>
  <td>aaaaa</td>
  <td>aaaaa</td>
  <td>aaaaa</td>
 </tr>

 <tr id="xxx">
  <td colspan='4'>aaa</td>
  </tr>
</table>

 

Problēma ir tāda, ka man ir nepieciešams, spiežot uz pogu paslēpt/parādīt otro rindu.

Rādot rindu es uzlieku display.style = 'block', bet slēpjot - display.style = 'none'.

Līdz ar to man iznāk,ka otrā rinda ir tāda:

 

  <tr id="xxx" style="display: block">
  <td colspan='4'></td>
  </tr>

 

Bet tā dēļ tas colspan=4 vairs nedarbojas un izskatās it kā apakšējā rinda aizņemtu tikai vienu (pirmo) kolonnu, bet pārējās trīs ir tukšas.

[Web Developer]

Sāksim ar to, ka tabulas rindai ir cits display parametrs, ja būtu lasījis kaut vai šo resursu, zinātu:

 

<tr id="xxx" style="display: table-row">
<td colspan="4"></td>
</tr>

 

Tikai pasaulē vissliktākais pārlūks IE uzskata, ka tabulas, tabulas rindas utt. izmanto display: block;

[mefisto]

A kāpēc tu nevari pielikt klasi, nevis pi*t pa tiešo iekš style ?

Noņemsi klasi , un display:none vairs nebūs.

[tomaac]

WebDeveloper ieteikumu es tūlīt izlasīšu, bet

mefisto: es nesapratu domu. CSS slikti pārzinu.... Tu domā aizvākt to style, ielikt tur klasi, teiksim class="mana_klase"? Un tad uz pogas klikšķa būs jādara kas (lai paslēptu/parādītu?).

[tomaac]

WebDeveloper:

 

es ieliktu display: table-row, bet sanāk, ka Mozilla to atpazīst, bet IE neatpazīst un bļaustās (liekot ar JavaScript viņš saka, ka nepazīst tādu stilu).

[bubu]

tommac: nevajag likt nekādu table-row vai block.

Ja gribi noslēpt, tad liec elements.style.display = "none";

Ja gribi parādīt atpakaļ, tad liec elements.style.display = ""; - tas display vērtību revertos apakaļ uz defaulto.

Vai to pašu dari ar klasēm kā jau mefisto saka.

[tomaac]

izdarīju tā, bet tas neko nemainīja.

Tāpat otrā rinda aizņem tikai vienu kolonnu, pārējās trīs ir tukšas. Tā it kā colspan='4'nebūtu nemaz uzlikts.