Autor Zpráva
koozle
Profil *
Ahoj, mám script, který po kliknutí kamkoliv na žlutý řádek zobrazí řádek pod ním - zelený řádek který má všechny 4 buňky spojené colspan="4".

<html>
<head>
<script>
function sh(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
</head>
<body>
<table width="320" border="1">
<tr bgcolor="#FFCC00" onclick="zobrazSkryj('oddil1')">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr bgcolor="#99CC00" id="oddil1" class="skryvany">
<td colspan="4">e - spojené 4 sloupece</td>
</tr>
<tr bgcolor="#FFCC00" onclick="zobrazSkryj('oddil2')">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr bgcolor="#99CC00" id="oddil2" class="skryvany">
<td colspan="4">e - spojené 4 sloupece</td>
</tr>
</table>
</body>
</html>


pokud tohle vližíte do documntu html a spustíte, v IE to normálně jde, po kliknutí na žlutý řádek se pood ním zobrazí zelený spojený colspanem. Po dalším kliknutí zase zmizí.. Takhle pořád dokola. Pokud ale tu samou stránku zobrazíte ve firefoxu nebo aktuálně třeba v safari, příjdete na to, že po kliknutí se sice něco zobrazí, ale na úrovni 1 buňky(tedy bez funkčního colspanu, řada se nespojí) a ještě k tomu se nesmyslně přidá jedna řádka navíc. takže po poklikání se tabulka pořád zvětšuje. NEměl jsem možnost toto odzkoušet v nějakém jiném prohlížeči, každopádně v IE to jde a v FF a na safari už ne. JE to špatně napsaný script? nebo bugy v prohlížečích? Díky, pokud dokážete poradit, budu samozřejmě vděčný. kúzle
koozle
Profil *
omlouvam se vložil jsem nějaký jiný script, tento je ten, co vykazuje error.

<html>
<head>
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
.skryvany {display: none}
</style>

</head>
<body>
<table width="320" border="1">
<tr bgcolor="#FFCC00" onclick="zobrazSkryj('oddil1')">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr bgcolor="#99CC00" id="oddil1" class="skryvany">
<td colspan="4">e - spojené 4 sloupece</td>
</tr>
<tr bgcolor="#FFCC00" onclick="zobrazSkryj('oddil2')">
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr bgcolor="#99CC00" id="oddil2" class="skryvany">
<td colspan="4">e - spojené 4 sloupece</td>
</tr>
</table>
</body>
</html>

centi
Profil
TR nie je blokový element, ale element typu "table-row". Nahraď si teda "block" za "table-row". IE bohužial display: table-row; nepodporuje, preto pre IE použí klasický "block".
koozle
Profil *
ok zkusím to, ale jak koukám, nějak to nejde ani v tomto případě, stejný bug jako mám já : odkaz.. Zatím dík
koozle
Profil *
SUPER! dík, jede to. Až tě potkám, máš u mě pivo, dělám tady na tom asi už od 9 - nějaký 4 hodiny :D. tak díky, kúzle
centi
Profil
koozle
Kedykoľvek, kdekoľvek v Prahe :-)

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: