PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Wieso tut mein Javascript im FireFox nicht? Hilfe :/


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%">&nbsp;</td>
<td height="40" width="36%" class="name" onclick="Toggle('test','test2');">Hier drücken</td>
<td height="40" width="3%">&nbsp;</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>

astanoth
2005-02-24, 21:04:48
Hier kann man den code viel toller lesen ;)bittebittebittebittebittebitte....
Wenn man es sich angucken kann(online) wäre es toll und es könnten schneller und viel einfacher Tipps gegeben werden ;)

Sephiroth
2005-02-24, 21:32:30
<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)
{

if(targetId) {
target = document.getElementById(targetId);
if (target.style.visibility == "hidden")
{
target.style.visibility = "visible";
}
else if (target.style.visibility == "visible")
{
target.style.visibility = "hidden";
}
}

if(targetId2) {
target2 = document.getElementById(targetId2);
if (target2.style.visibility == "hidden")
{
target2.style.visibility = "visible";
}
else if (target2.style.visibility == "visible")
{
target2.style.visibility = "hidden";
}
}
}
}
//-->
</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="30" width="3%">&nbsp;</td>
<td height="30" width="36%" class="name" onclick="Toggle('test','test2');">Hier drücken</td>
<td height="30" width="3%">&nbsp;</td>
<td height="30" width="29%" id="test" style="visibility:hidden;">
Text1<br>
Text2<br>
</td>
<td height="30" width="29%" id="test2" style="visibility:hidden;">Text3</td>
</tr>
</table>
</body>
</html>

mit visibility gehts besser

astanoth
2005-02-24, 21:50:46
Schon mit PHP versucht? JS mag ich persönlich nicht(toller Grund!) und es scheint ja auch nicht zu funktionieren(jedenfalls das von Sephiroth).
Der Scriptumfang dürfte sogar geringer werden.

Asaraki
2005-02-24, 22:33:20
Unter http://www.uelespiegel.ch/temp/test.html gibt die Version aus dem ersten Posting online.

Sephiroth
2005-02-24, 23:14:54
Schon mit PHP versucht? JS mag ich persönlich nicht(toller Grund!) und es scheint ja auch nicht zu funktionieren(jedenfalls das von Sephiroth).
Der Scriptumfang dürfte sogar geringer werden.
doch, geht.
Komischerweise ging es mit Copy&Paste aus der HTML-Code Box heraus nicht aber jetzt mit der normalen Code-Box geht es.

Asaraki
2005-02-25, 12:11:53
Vielen Dank Sephiroth :) Scheint zu funktionieren.