✔ Hilfe: DHTML Javaskript

[socke999]

Hi habe das DHTML BASIC CODE TUTORIAL durchgelesen. Finde es klasse!

Hier der link


Ich möchte es nun auch gern auf einer Webseite Anwenden ...

jedoch habe ich irgendwo einen Fehler!

Kann mir jemand helfen?


Hier mal die entscheidenden Codeschnipsel:


<script type="text/javascript">
<!--

function show(divid) {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";


document.getElementById(divid).style.display="inline";

}
//-->
</script>



<span class="menu">
<td width="96" background="menu/blau.GIF" height="31" valign="bottom">
<p align="center"><b><font face="Verdana" size="2" color="#FFFFFF">


<a href="index.php">HOME</a></font></b>




</td>
<td width="97" height="31" background="menu/grun.GIF" align="center" valign="bottom">
<b><font face="Verdana" size="2" color="#FFFFFF"><a href="#" onclick="show('cat1')">FUN</a></font></b>
</td>

<td width="97" height="31" background="menu/orange.GIF" align="center" valign="bottom">
<b><font face="Verdana" size="2" color="#FFFFFF"><a href="#" onclick="show('cat2')">TECHNIK</a></font></b>
</td>
<td width="97" height="31" background="menu/dunkelblau.gif" align="center" valign="bottom">
<b><font face="Verdana" size="2" color="#FFFFFF"><a href="#">CHAT</a></font></b>
</td>
<td width="96" height="31" background="menu/gelb.GIF" align="center" valign="bottom">
<b><font face="Verdana" size="2" color="#FFFFFF"><a href="#">VOTING</a></font></b>
</td>
</span>
<td width="26" height="31">
</td>
</tr>
<tr>
<td width="533" colspan="7" height="20" bgcolor="#FFFFFF">

<div id="cat1" style="display:none">
<table width="535" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="533">
<p align="center">asd</p>
</td>
</table>
</div>


Wäre dir sehr Dankbar wenn mir jemand helfen könntest!
Vielen Dank jetzt schon mal!

 

[con-f-use]

Es gibt in deinem ganzen html kein Element mit der id="cat2" trotzdem greifst du in dem Script darauf zu, das verursacht einen Fehler und das Script läuft nicht mehr weiter.

Edit:
Bitte benutze das nächste mal Code-Boxen wie diese hier:

function show(divid) {
 document.getElementById('cat1').style.display='none';
 document.getElementById('cat2').style.display='none';
 
 document.getElementById(divid).style.display='inline';
 }

Das macht das ganze ungemein leserlicher.

 

[socke999]

achso,

ja dankeschön!