Aufklappen/Zuklappen im Firefox

[draig]

Also, ich habe einen Code mit aufklappen/zuklappen eingebaut.

Siehe hier:

<script type="text/javascript" language="JavaScript1.2">
var angezeigt = false;

function versteckt()
{
    if (angezeigt)
    {
  window.document.images['Icon'].src                     = '{$style['imagefolder']}/plus.gif';
    window.document.getElementById('StatusText').innerHTML = 'Öffnen';
        document.getElementById('speed').style.display = 'none';
        angezeigt = false;
    }
    else
    {
    window.document.images['Icon'].src                     = '{$style['imagefolder']}/minus.gif';
    window.document.getElementById('StatusText').innerHTML = 'Schließen';
        document.getElementById('speed').style.display = 'block';
        angezeigt = true;
    }
}
</script>

<a
     onclick="versteckt();"><img src="{$style['imagefolder']}/plus.gif" style="border-width:0px;" alt="+" name="Icon"></a> <a href=""
     onclick="versteckt(); return false;" id="StatusText">Öffnen</a>


</span></td>
</tr>
</table>

<table cellpadding="4" cellspacing="1" border="0" width="450" class="tableinborder" style="display : none" id="speed">

Soabld ich diese Funktion im Firefox Browser benutze, setzt der Firefox Browser immer einen <Tr> und <Td> ein, sodass die Tabelle hinterher ganz komisch aussieht. Im Internet Explorer funktioniert alles wunderbar.


Und hier der Code, was versteckt werden soll:

<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']} " class="tableinborder">
<tr>
<td class= "tabletitle" align="left"><span class="normalfont">
<a
     onclick="versteckt();"><img src="{$style['imagefolder']}/plus.gif" style="border-width:0px;" alt="+" name="Icon"></a> <a href=""
     onclick="versteckt(); return false;" id="StatusText">Öffnen</a> 
$scanntitle</span></td>
</tr>
<tr  style="display : none" id="speed">
  <td class="tablea" align="center">
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']} " class="tableinborder">
  <td class="tableb" style="width:25%"><span class="smallfont"><b>Scanndatum:</b> $scanndatum</span></td>
  <td class="tableb" style="width:25%"><span class="smallfont"><b>Type:</b> $scann_type</span></td>
 <td class="tableb" style="width:25%"><span class="smallfont"><b>Anzahl:</b> $scann_anzahl</span></td>
 <td class="tableb" style="width:25%"><span class="smallfont"><b>Range:</b> $range</span></td>
 </table>
<br>
<if($usercbar_username==$username_check)>
<then>
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']} " class="tableinborder">
<tr align="left">
  <td class="tableb" style="width:25%"><span class="smallfont"><b>Die Scanns:</b></span></td>
  <td class="tableb" style="width:75%"><span class="smallfont"><textarea READONLY name="scann"  rows="4" cols="70">$scannmessage</textarea></span></td>
</tr>
 </table>
</then>
<else>
<table cellpadding="{$style['tableincellpadding']}" cellspacing="{$style['tableincellspacing']}" border="{$style['tableinborder']}" style="width:{$style['tableinwidth']} " class="tableinborder">
<tr align="left">
 <td class="tableb" ><span class="smallfont"><b>Du hast keine Berechtigung die Scanns zu sehen. Bitte gib erst eine Antwort!</b></span></td>
</tr>
</table>
</else>
</if>
</td>
</tr>
 </table>

Danke schonmal für die Hilfe.

 

[Sven Mintel]

Verwende zum Anzeigen .style.display = '';...also eine leere Zeichenkette zuweisen.