ich bin schon soweit das wenigstens die Menupunkte in der zeile für die Subnavi angezeigt werden.
allerdings wenn man auf die Seite geht sind alle auf einmal geladen.
ich hätte es gerne so das wenn man mit der Maus über den Button geht, die Subnavi unten in der Zeile schon erscheint.
Ich denke alzu groß kann der Fehler nicht mehr sein.
hier meine index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Swiss-Hellcats/style.css"/>
<link rel="stylesheet" type="text/css" href="include/includes/css/login/login/login.css" media="screen"/>
<link href="*.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display="block"
}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
<style type="text/css">
<!--
.schrift {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFF;
text-decoration: none;
}
.name {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #F00;
text-decoration: none;
}
#posteingang a {
background: url(include/images/login/Posteingang.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#posteingang a {
background: url(include/images/login/Posteingang.gif) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#posteingang a:hover {
background: url(include/images/login/Posteingang_hover.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#profil a {
background: url(include/images/login/Profil.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#profil a:hover {
background: url(include/images/login/Profil_hover.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#profiledit a {
background: url(include/images/login/Profiledit.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#profiledit a:hover {
background: url(include/images/login/Profiledit_hover.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#gallerie a {
background: url(include/images/login/Gallerie.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#gallerie a:hover {
background: url(include/images/login/Gallerie_hover.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#logout a {
background: url(include/images/login/Logout.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#logout a:hover {
background: url(include/images/login/Logout_hover.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#adminbereich a {
background: url(include/images/login/Admin.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
#adminbereich a:hover {
background: url(include/images/login/Admin_hover.png) no-repeat;
display: block;
width: 25px;
height: 25px;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="29" height="242" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Background_Top.png"><table width="950" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="950" height="176" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Header.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Stats-Bar.png" width="950" height="23"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="middle"><span style="color:#FFF; font-size:12px;" >Willkommen auf der Seite der </span><span style="color:#F00; font-size:12px;">{SITENAME}</span></td>
<td align="right" valign="middle">{_boxes_swiss_stats}</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="105"> </td>
</tr>
<tr>
<td height="43" align="right" valign="bottom">{_boxes_swiss-login}</td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="156"><div id="Startseite"><a href="index.php"></a></div></td>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_04.png" width="3" height="41" /></td>
<td width="163"><div id="Infortainment"><a href="#" onclick="SwitchMenu('sub2')" onfocus="this.blur()"></a></div></td>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_06.png" width="3" height="41" /></td>
<td width="187"><div id="Hellcats"><a href="#" onclick="SwitchMenu('sub3')" onfocus="this.blur()"></a></div></td>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_08.png" width="3" height="41" /></td>
<td width="150"><div id="Community"><a href="#" onclick="SwitchMenu('sub4')" onfocus="this.blur()"></a></div></td>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_10.png" width="3" height="41" /></td>
<td width="107"><div id="Media"><a href="#" onclick="SwitchMenu('sub5')" onfocus="this.blur()"></a></div></td>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Navigation_12.png" width="4" height="41" /></td>
<td width="170"><div id="Sponsoren"><a href="#"></a></div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Subnavi.png" width="950" height="21"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle"><div id="subnavi">
{_list_menunr2@<span id="sub2">%2</span>}
{_list_menunr3@<span id="sub3">%2</span>}
{_list_menunr4@<span id="sub5">%2</span>}
{_list_menunr5@<span id="sub5">%2</span>}
</div></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Shine1.png" width="950" height="5" /></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="29" height="97" align="center" valign="top" style="background-repeat:repeat-x; background-position:top;" background="include/designs/Swiss-Hellcats/Bilder/Background_Shaddow.png"><table width="950" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="950" height="166" align="left" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Boxen-BG.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="323" height="166" align="center" valign="top"><table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top">{_boxes_specials}</td>
</tr>
</table>
</td>
<td width="10" height="166"> </td>
<td width="295" height="166" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"> </td>
</tr>
<tr>
<td height="113" align="left" valign="top">{_boxes_swiss_lastnews}</td>
</tr>
</table></td>
<td width="20" height="166"> </td>
<td width="290" height="166" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20"> </td>
</tr>
<tr>
<td height="113" align="left" valign="top">{_boxes_swiss_lastforum}</td>
</tr>
</table></td>
<td height="166"> </td>
</tr>
</table></td>
</tr>
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Content_BG.png" width="950" height="18"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Hmenu.png" width="747" height="32"><table width="94%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle">{HMENU}</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Content_Top.png" width="747" height="34"></td>
</tr>
<tr>
<td width="747" height="42" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Content_middle.png"><table width="94%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top">{EXPLODE}</td>
</tr>
<tr>
<td height="20" align="left" valign="top"></td>
</tr>
<tr>
<td height="30" align="right" valign="middle">{_boxes_allianz}</td>
</tr>
</table></td>
</tr>
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Content_Foot.png" width="747" height="26"></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="203" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>{_list_menunr1@
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="include/designs/Swiss-Hellcats/Bilder/Menu_Top.png" width="203" height="32"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle" class="btitle">%1</td>
</tr>
</table></td>
</tr>
<tr>
<td width="203" height="15" align="center" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Menu_middle.png"><table width="94%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle">%2</td>
</tr>
</table></td>
</tr>
</table>
}</td>
</tr>
<tr>
<td><img src="include/designs/Swiss-Hellcats/Bilder/Menu_Foot.png" width="203" height="22" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" background="include/designs/Swiss-Hellcats/Bilder/Footer.png" width="750" height="126"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<!--
{_list_DDDmenupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//-->
<!-- beispiel:
[null, '%3', '%2', '%1', null|],|,
-->
<!-- anfang + link |ende |teilende|teilee -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@» <a onfocus="this.blur()" href="%2">%3</a> |||}
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a onfocus="this.blur()" target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}
//-->


