Servus,
möchte gerne ein klappmenü erstellen, nur leider bekomm ich es einfach nicht hin. Ich hoffe, das mir eienr von euch weiter helfen kann. der html-Code wird duch durch 4 HTML-Datein includet (durch die Forum.php). ich babe komentare eingefügt, damit man weiß wo die neue Html-Datein anfängt.
Hier nun der Quelltext:
<html>
<head>
<title>JavaScript Tree Control</title>
<style>
body{
font: 10pt Verdana,sans-serif;
color: navy;
}
.trigger{
cursor: pointer;
cursor: hand;
}
.branch{
display: none;
margin-left: 16px;
}
</style>
<script language="JavaScript">
var openImg = new Image();
openImg.src = "pluszeichen.gif";
var closedImg = new Image();
closedImg.src = "minuszeichen.gif";
function showBranch(branch){
var objBranch = document.getElementById(branch).style;
if(objBranch.display=="block")
objBranch.display="none";
else
objBranch.display="block";
}
function swapFolder(img){
objImg = document.getElementById(img);
if(objImg.src.indexOf('minuszeichen.gif')>-1)
objImg.src = openImg.src;
else
objImg.src = closedImg.src;
}
</script>
</head>
###################################################################
<!--Anfang-->
<!--ErsterTeil-->
<table width="100%" border="2" cellspacing="1" cellpadding="2" bgcolor="$border">
<tr bgcolor="#333333" ><!--bgcolor="$bghead" -->
<td class="title" width="10"> </td>
<td class="title">Board:</td>
<td class="title" align="center" width="40">Themen:</td>
<td class="title" align="center" width="40">Antworten:</td>
<td class="title" align="center" width="25%">Letzte Antwort :</td>
</tr>
<!--ZweiterTeil -->
<tr bgcolor="$pagebg"><td colspan="6"></td></tr>
<tr bgcolor="#999999"> <!--bgcolor="$bgcat" -->
<td colspan="6"><span class="category_big"> • $kathname</span> <span class="category"> $info </span></td>
</tr>
<tr bgcolor="$pagebg"><td colspan="6"></td></tr>
<!--DritterTeil -->
<tr>
<!--bgcolor="$bg1" -->
<td width="22" bgcolor="#CCCCCC" align="center">$icon</td>
<!--bgcolor="$bg2" -->
<td bgcolor="#CCCCCC" >$boardname <br><br><span class="small">$boardinfo<br>$moderators</span></td>
<!--bgcolor="$bg1" -->
<td align="center" bgcolor="#CCCCCC">$anztopics</td>
<!--bgcolor="$bg2" -->
<td align="center" bgcolor="#CCCCCC">$anzposts</td>
<!--bgcolor="$bg1" -->
<td align="center" bgcolor="#CCCCCC"><a href="$postlink">$date $time</a><br>$poster $member</td>
<!--VierterTeil -->
</table><br>
<!--Ende-->
#####################################################################
<br>
<br>
<br>
<div class="trigger" onClick="showBranch('branch1');swapFolder('folder1')">
<img src="pluszeichen.gif" border="0" id="folder1">
<tr bgcolor="$pagebg"><td colspan="6"></td></tr>
<tr bgcolor="$bgcat">
<td>so soll es sein</td>
</tr>
<tr bgcolor="$pagebg"><td colspan="6"></td></tr>
</div>
<span class="branch" id="branch1">
<tr>
<td width="22" bgcolor="$bg1" align="center">$icon</td>
<td bgcolor="$bg2">$boardname <br><br><span class="small">$boardinfo<br>$moderators</span></td>
<td bgcolor="$bg1" align="center">$anztopics</td>
<td bgcolor="$bg2" align="center">$anzposts</td>
<td bgcolor="$bg1" align="center"><a href="$postlink">$date $time</a><br>$poster $member</td>
</tr><br>
</span>
die dunkel/hellgrauen spaltern werden öfters ausgegeben, mit unterschiedlichen werten. ich hoffe, das mir einer von euch helfen kann, damit ich dieses problem gelöst bekomme.
mfg Lucky