Diskuse JPW: problém s JS funkcí měnící u v části tabulky TR display:none

	Autor	Zpráva
	koozle Profil *	#1 · Zasláno: 16. 7. 2007, 01:41:35 Odpovědět Citovat 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 *	#2 · Zasláno: 16. 7. 2007, 01:47:08 Odpovědět Citovat 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	#3 · Zasláno: 16. 7. 2007, 01:54:07 Odpovědět Citovat 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 *	#4 · Zasláno: 16. 7. 2007, 02:01:20 Odpovědět Citovat 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 *	#5 · Zasláno: 16. 7. 2007, 02:03:29 Odpovědět Citovat 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	#6 · Zasláno: 16. 7. 2007, 02:04:46 Odpovědět Citovat koozle Kedykoľvek, kdekoľvek v Prahe :-)
		Časová prodleva: 17 let

Vaše odpověď

Mohlo by se hodit