Asaraki
2005-02-24, 20:55:18
Tach zusammen,
kurz gefasst, folgendes js welches den style.display von tabellenelementen drehen soll funktioniert im firefox nicht richtig, und zwar wird die jweils zweite zelle nicht verarbeitet. also das test wird sichtbar, unsichtbar, aber die zweite Zelle tut nichts.
Statt dessen kriege ich wunderbare Scrollbars und sonstige Hässlichkeiten.
Würde es evt. mit Visibility besser gehen als mit Display? Sorry, ich hab kaum Ahnung von JavaScript, also helfe mir doch bitte einer :)
Hier zum anschauen : http://www.uelespiegel.ch/temp/test.html
Danke, elnari
Hier der Code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" xml:space="preserve">
<!--
function Toggle(targetId,targetId2)
{
if (document.getElementById)
{
target = document.getElementById(targetId );
if (target.style.display == "none")
{
target.style.display = "block";
}
else if (target.style.display == "block")
{
target.style.display = "none";
}
target2 = document.getElementById(targetId2 );
if (target2.style.display == "none")
{
target2.style.display = "block";
}
else if (target2.style.display == "block")
{
target2.style.display = "none";
}
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="15" topmargin="5" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" height="100%">
<tr valign="top">
<td height="40" width="3%"> </td>
<td height="40" width="36%" class="name" onclick="Toggle('test','test2');">Hier drücken</td>
<td height="40" width="3%"> </td>
<td height="40" width="29%" id="test" style="display:none;">
Text1<br>
Text2<br>
</td>
<td height="40" width="29%" id="test2" style="display:none;">Text3</td>
</tr>
</table>
</body>
</html>
kurz gefasst, folgendes js welches den style.display von tabellenelementen drehen soll funktioniert im firefox nicht richtig, und zwar wird die jweils zweite zelle nicht verarbeitet. also das test wird sichtbar, unsichtbar, aber die zweite Zelle tut nichts.
Statt dessen kriege ich wunderbare Scrollbars und sonstige Hässlichkeiten.
Würde es evt. mit Visibility besser gehen als mit Display? Sorry, ich hab kaum Ahnung von JavaScript, also helfe mir doch bitte einer :)
Hier zum anschauen : http://www.uelespiegel.ch/temp/test.html
Danke, elnari
Hier der Code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" xml:space="preserve">
<!--
function Toggle(targetId,targetId2)
{
if (document.getElementById)
{
target = document.getElementById(targetId );
if (target.style.display == "none")
{
target.style.display = "block";
}
else if (target.style.display == "block")
{
target.style.display = "none";
}
target2 = document.getElementById(targetId2 );
if (target2.style.display == "none")
{
target2.style.display = "block";
}
else if (target2.style.display == "block")
{
target2.style.display = "none";
}
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="15" topmargin="5" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" height="100%">
<tr valign="top">
<td height="40" width="3%"> </td>
<td height="40" width="36%" class="name" onclick="Toggle('test','test2');">Hier drücken</td>
<td height="40" width="3%"> </td>
<td height="40" width="29%" id="test" style="display:none;">
Text1<br>
Text2<br>
</td>
<td height="40" width="29%" id="test2" style="display:none;">Text3</td>
</tr>
</table>
</body>
</html>