Problem med træ-menu
Hej,Jeg kan ikke få denne fold-ud træ-menu til at virke - det vil side, den virker lokalt på min maskine, men ikke når jeg uploader den.
Håber nogen kan hjælpe!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SD</title>
<meta name="Generator" content="SD">
<meta name="generator" content="SD">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.menupunkt{font-family:Verdana, Arial, Helvetica, sans-serif;cursor:pointer;color:#424242;background:#fff;font-weight:normal;font-style:italics;font-size:12px;width:250px;}
.menu{display:none;padding-left:5px;}
.menu a{text-decoration:none;}
.menu a:link{color:black;}
.menu a:visited{color:black;}
.menu a:hover{color:black}
.menu a:active{color:black}
</style>
<script language="javascript" type="text/javascript">
function showMenu(d){
var id = d.id.substring(5);
divs = document.getElementsByTagName('DIV');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
divs[i].style.display='none';
document.getElementById('o'+divs[i].id+'pic').src = "plus.gif";
}
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
document.getElementById(d.id+'pic').src = (st.display=='block')?"minus.gif":"plus.gif";
}
</script>
</head>
<body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="black" background="bg.gif" height="100%">
<tr>
<td align="center" valign="middle">
<table width="740" border="0" cellspacing="0" cellpadding="0" background="cases.gif" height="540">
<tr>
<td align="left" valign="top">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr height="130">
<td height="130"><img src="blank.gif" alt="" height="32" width="25" border="0"></td>
<td width="365" height="130"></td>
</tr>
<tr height="200">
<td height="200"></td>
<td valign="top" width="365" height="200"><font size="2" color="#424242" face="Verdana, Arial, Helvetica, sans-serif">
Sed nonummy dignissim dolor.<br>
Nam ultrices semper libero. Suspendisse eu tellus. Suspendisse potenti. Vivamus a eros. Integer dapibus porta ligula.</font>
<br>
<br>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="plus.gif" height="10" width="10"> <b>EDB Gruppen </b>
<div id="menu1" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Praesent molestie leo ut orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ac dolor. Sed metus. Maecenas ornare posuere mi. Nulla vehicula blandit lectus. Nam augue. Nam nec neque. Aliquam hendrerit sapien et metus. Donec ligula neque, convallis ut, semper ut, sodales in, neque.</a><br>
</div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">
<img id="omenu2pic" src="plus.gif" height="10" width="10"> <b>Siebel </b>
<div id="menu2" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu3" class="menupunkt" onclick="showMenu(this);">
<img id="omenu3pic" src="plus.gif" height="10" width="10"> <b>IntelliGroup </b>
<div id="menu3" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu4" class="menupunkt" onclick="showMenu(this);">
<img id="omenu4pic" src="plus.gif" height="10" width="10"> <b>SapTech </b>
<div id="menu4" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu5" class="menupunkt" onclick="showMenu(this);">
<img id="omenu5pic" src="plus.gif" height="10" width="10"> <b>Arla Foods </b>
<div id="menu5" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<p><a href="index.html"><img src="back.gif" alt="" height="34" width="148" border="0"></a></p>
</td>
</tr>
<tr height="50">
<td height="50"></td>
<td valign="top" width="365" height="50"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p></p>
</body>
</html>