toggle mit image + & -

loco666

Mitglied
Hi,
habe folgendenes Problem habe ein Treemenü das auch wunderbar nur vill ich bei den Haupt Buttons ein + und wenn es offen ist ein - zeichen als image einbelden habe gedacht das ich des mit dem list style type machen kann funz aber leider nicht hier mal der code:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>tree</title>

<script type="text/javascript">
<!--
function Toggle(){
for (var i=1;i<arguments.length;i++){
obj=document.getElementById('submenue'+arguments[i]);
if(i==1)obj.style.display=(obj.style.display=='block')?'none':'block';
else obj.style.display='none';
obj.parentNode.style.listStyleType=(obj.style.display=='block')?'circle':'disc';
}
}
function subsWeg(){
if(document.getElementsByTagName){
uls=document.getElementsByTagName('ul');
for (var i=0;i<uls.length;i++){
if(uls[i].className=='submenue')uls[i].style.display='none';
}
}
}
//-->
</script>
</head>
<body onLoad="subsWeg()">
<ul id="menue">
<div style="background-color:#999999"><li><a href="#" onClick="javascript:Toggle(this,1,3,4)">Oberpunkt 01</a></li></div>
<ul id="submenue1" class="submenue">
<li><a href="#">Unterpunkt 1.a.a</a></li>
<li><a href="#">Unterpunkt 1.a.b</a></li>
<li><a href="#">Unterpunkt 1.a.c</a></li>
</ul>

</li>
<li><a href="#" onClick="javascript:Toggle(this,3,1,4)">Oberpunkt 02</a>
<ul id="submenue3" class="submenue">
<li><a href="#">Unterpunkt 2.a</a></li>
<li><a href="#">Unterpunkt 2.b</a></li>
<li><a href="#">Unterpunkt 2.c</a></li>
</ul>
</li>
<li><a href="#" onClick="javascript:Toggle(this,4,1,3)">Oberpunkt 03</a>
<ul id="submenue4" class="submenue">
<li><a href="#">Unterpunkt 3.a</a></li>
</li>
</ul>

</body>
</html>


vielen dank im vorraus

gruss

loco
 

Neue Beiträge

Zurück