Hallo, ich habe ein Problem mit meiner Internetseite, mit dem IE10 funktioniert meine Menüleiste nicht mehr... ich hoffe es kann mir jemand helfen!
hier die navi.js:
/*Navigationsmenü (menuArray):
im ersten Array (der 2. Dimension) wird die 1. Menüebene definiert:
- Menüname, Pfad, Breite der Zelle, ...
in den folgenden Arrays (der 2. Dimension) werden die Untermenüs definiert:
- ID der Ebene
- class der kompletten Ebene
- ab dann immer abwechselnd: Menüname, Pfad, ...
*/
var menuArray = new Array(
new Array(
"Unternehmen","unternehmen.html",88,
"Geschäftsfelder","gewerbe.html",114,
"Info´s","weg.html",89,
null
),
new Array(
"ebene1",
"divEbene2",
"Home","index.html",
"Über uns","unternehmen.html",
"Entsorgungsfachbetrieb","zerti.html",
null
),
new Array(
"ebene2",
"divEbene2",
"Handel / Gewerbe / Industrie","gewerbe.html",
"privater Bedarf","privat.html",
"kommunaler Service","kommunal.html",
"Transport und Logistik","transport.html",
null
),
new Array(
"ebene3",
"divEbene2",
"Ihr Weg zu uns","weg.html",
"Ansprechpartner","ansprechpartner.html",
"Müllabfuhr - Kirchlengern","altpapier.html",
null
)
);
var name,klasse,position;
var breiteTotal=0;
var navi="";
var j=0;
var highCell=false;
var seitenURL = (window.location.href.indexOf(".html") < 0 && window.location.href.indexOf(".php") < 0) ? window.location.href+"index.html" : window.location.href;
var links = new Array();
links[1] = 304+2;
for (k=1; k <= (menuArray[0].length-1)/3; k++) {
breiteTotal += menuArray[0][k*3-1] + 2;
if(k>1) links[k] = links[k-1] + menuArray[0][(k-1)*3-1] + 2;
}
breiteTotal -= 2;
//////ebene 1 anfang
var naviRoot = '<div id="ebenenWeg" onmouseover="ebeneWeg();" style="z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;"><img src="gifs/layout/dummy.gif" width="100%" height="100%" alt="" border="0"></div>';
naviRoot += '<div style="z-index:2;" class="divEbeneRoot"><img src="gifs/layout/dummy.gif" width="'+breiteTotal+'" height="20" alt="" border="0"></div>';
naviRoot += '<div id="ebeneRoot" style="z-index:3;" class="divEbeneRoot"><table cellpadding="0" cellspacing="0" border="0" style="table-layout:fixed;"><tr>';
for (i=1;i<menuArray.length;i++) {
/////ebenen Name und klasse einlesen
name = menuArray[i][0];
klasse = menuArray[i][1];
/////subebene anfang
navi += '<div id="'+name+'" class="'+klasse+'" style="z-index:'+(10+i)+';left:'+links[i]+';"><table bgcolor="#CCCCCC" border="0" cellspacing="0" cellpadding="0">';
/////menüpunkte durchlaufen
j=2;
while(menuArray[i][j]) {
if(seitenURL.indexOf(menuArray[i][j+1])<0)
navi += '<tr><td id="'+name+'-'+j+'" class="ebene2normCell"><a href="'+menuArray[i][j+1]+'" class="ebene2norm" onmouseover="high2(this,\''+name+'-'+j+'\');" onmouseout="down2(this,\''+name+'-'+j+'\');">'+menuArray[i][j]+'</a></td></tr>';
else {
navi += '<tr><td id="'+name+'-'+j+'" class="ebene2overCell"><a href="'+menuArray[i][j+1]+'" class="ebene2over">'+menuArray[i][j]+'</a></td></tr>';
highCell = true;
}
if(menuArray[i][j+2])
navi += '<tr><td height="1" bgcolor="#FFFFFF"><img src="../gifs/layout/dummy.gif" width="160" height="1" alt="" border="0"></td></tr>';
j+=2;
}
////menüpunkte ebene 1 erstellen
position = (i-1)*3;
if(seitenURL.indexOf(menuArray[0][position+1])>=0) highCell = true;
if(highCell)
naviRoot += '<td width="'+menuArray[0][position+2]+'" id="e'+i+'" class="ebene1overCell"><a href="'+menuArray[0][position+1]+'" class="ebene1over" onmouseover="high(\'\',\'\',\''+name+'\');">'+menuArray[0][position]+'</a></td>';
else
naviRoot += '<td width="'+menuArray[0][position+2]+'" id="e'+i+'" class="ebene1normCell"><a href="'+menuArray[0][position+1]+'" class="ebene1norm" onmouseover="high(this,\'e'+i+'\',\''+name+'\');">'+menuArray[0][position]+'</a></td>';
if(i+1 < menuArray.length)
naviRoot += '<td width="2"><img src="../gifs/layout/trenner.gif" width="2" height="20" alt="" border="0"></td>';
highCell = false;
/////subebene Ende
navi += '</table></div>';
}
/////ebene 1 ende
naviRoot += '<tr><td colspan="'+((menuArray[0].length-1)/3*2-1)+'"><img src="../gifs/layout/dummy.gif" width="'+breiteTotal+'" height="2" alt="" border="0"></td></tr></tr></table></div>';
document.write(naviRoot);
document.write(navi);
Und hier die standart.js:
var userAgent = navigator.userAgent;
var msie = userAgent.indexOf("MSIE");
var ie4 = ((msie > 0) && (document.all)) ? true : false; // IE 4+
var ie5 = ((ie4) && (document.getElementById)) ? true : false; // IE 5+
var ie6 = (ie5) && (parseInt(userAgent.substring(msie + 5, userAgent.indexOf(".", msie))) >= 6); // IE 6+
//var ns4 = (!document.all) && (!document.getElementById) ? true : false; // NS 4
//var ns6 = ((!ie4) && (document.getElementById)) ? true : false; // NS 6.2+, Mozilla 1+
var mac = userAgent.indexOf("Mac");
var ebeneAlt,cellAlt,linkAlt;
function high(href,cell,eins) {
if(linkAlt && cellAlt && linkAlt != href && cellAlt != cell) down(linkAlt,cellAlt);
if(href) {
href.className="ebene1over";
linkAlt = href;
}
if(cell) {
document.getElementById(cell).className = "ebene1overCell";
cellAlt = cell;
}
///////////ebene einblenden, alte ebene ausblenden
if(ie6 && mac<0) {
if(ebeneAlt && ebeneAlt != eins) {
document.getElementById(ebeneAlt).filters[0].Apply();
document.getElementById(ebeneAlt).style.visibility = "hidden";
document.getElementById(ebeneAlt).filters[0].Play();
}
if(eins && ebeneAlt != eins) {
document.getElementById(eins).filters[0].Apply();
document.getElementById(eins).style.visibility = "visible";
document.getElementById("ebenenWeg").style.visibility = "visible";
document.getElementById(eins).filters[0].Play();
ebeneAlt = eins;
}
}
else {
if(ebeneAlt) {
document.getElementById(ebeneAlt).style.visibility = "hidden";
}
if(eins) {
document.getElementById(eins).style.visibility = "visible";
document.getElementById("ebenenWeg").style.visibility = "visible";
ebeneAlt = eins;
}
}
}
function highKI(href,cell) {
href.className="ebene1over";
document.getElementById(cell).className = "ebene1overCell";
}
function down(href,cell) {
href.className="ebene1norm";
document.getElementById(cell).className = "ebene1normCell";
}
function high2(href,cell) {
href.className="ebene2over";
document.getElementById(cell).className = "ebene2overCell";
}
function down2(href,cell) {
href.className="ebene2norm";
document.getElementById(cell).className = "ebene2normCell";
}
function ebeneWeg() {
if(ie6 && mac<0) document.getElementById(ebeneAlt).filters[0].Apply();
document.getElementById("ebenenWeg").style.visibility = "hidden";
document.getElementById(ebeneAlt).style.visibility = "hidden";
if(ie6 && mac<0) document.getElementById(ebeneAlt).filters[0].Play();
if(linkAlt && cellAlt) down(linkAlt,cellAlt);
linkAlt = false;
cellAlt = false;
ebeneAlt = false;
}