Hallo,
ich möchte zwei Navigationen auf einer Seite einbauen. Eine DropdownNavigation per CSS und eine per Javascript. Wenn ich die Seite nur mit der DropdownNavig. laufen lasse funktioniert diese. Füge ich die zweite Navigation zur Seite, läuft die DropdownNavigation im IExploerer nicht mehr. In Firefox ja.
Wo liegt der Fehler???
Der Code sieht so aus:
ich möchte zwei Navigationen auf einer Seite einbauen. Eine DropdownNavigation per CSS und eine per Javascript. Wenn ich die Seite nur mit der DropdownNavig. laufen lasse funktioniert diese. Füge ich die zweite Navigation zur Seite, läuft die DropdownNavigation im IExploerer nicht mehr. In Firefox ja.
Wo liegt der Fehler???
Der Code sieht so aus:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>horizont</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="drop_down.js"></script>
<style type="text/css">
@import "style2.css";
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" onload="MM_preloadImages('Team2.gif','Kontakt2.gif')">
<div id="LayerMenue" style="position:absolute; left:12px; top:176px; width:238px; height:195px; z-index:1">
<ul id="nav">
<li><a href="#">yyyyyyyyyyyyyyyyyyyy</a>
<ul>
<li><a href="#">yyyyyyyyyyyyy</a></li>
<li><a href="#">yyyyyyyyyyyyyyyyyy</a></li>
<li><a href="#">yyyyyy</a></li>
</ul>
</li>
<li><a href="#">xxxxxxxxx</a>
<ul>
<li><a href="#">xxxxxxxxxx</a></li>
<li><a href="#">xxxxxxxxxx</a></li>
<li><a href="#">xxxxxxxx</a></li>
<li><a href="#">xxxxxxxx</a></li>
<li><a href="#">xxxxxxxxx</a></li>
</ul>
</li>
</ul>
</div>
<table width="886" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF" id="tabellecenter">
<!--DWLayoutTable-->
<tr>
<td height="108" colspan="2" valign="top" bgcolor="#0066CC"><img src="top.gif" width="450" height="79" /><img src="topright2.gif" width="200" height="79" /></td>
</tr>
<tr>
<td width="202" height="25" align="center" valign="middle" bgcolor="#666666"><font color="#CCCCCC" size="1" face="Verdana, Arial, Helvetica, sans-serif">Fri,
16 November, 2007 19:47</font></td>
<td width="681" valign="middle" bgcolor="#999999"><div align="right"><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','a','Team2.gif',1)" onmouseover="MM_nbGroup('over','a','Team2.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="Team1.gif" alt="" name="a" width="45" height="25" border="0" id="a" onload="" /></a><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','b','Kontakt2.gif',1)" onmouseover="MM_nbGroup('over','b','Kontakt2.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="Kontakt1.gif" alt="" name="b" width="70" height="25" border="0" id="b" onload="" /></a></div></td>
</tr>
<tr>
<td height="332"></td>
<td></td>
</tr>
</table>
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
