nicht angemeldet
hallo forum !
ich habe auf meiner seite eine javascript-navigation eingefügt, und alles sieht so aus wie ichs mir vorgestellt hatte...
nur beim 'mouseovern' ist die position der submenüs je nach browser unterschiedlich, aber auf jeden fall immer falsch :/
ein klick auf http://www.the-ideal-crash.de/indexzumtesten.html sollte das problem leicht verständlich machen...
leider kenn ich mich in javascript nicht genug aus (copy&paste&anpass verdirbt das verständnis..), um die position beeinflussen zu können.
weiss vielleicht jemand rat ? ich poste mal hier den menü-skript-code, verschick aber auch gerne alle weiteren daten.
vielen dank schonmal!
mfg sven
var ve = false;
var tdColor="#000000";
var tdBgColor="#990000";
var hlColor="#cccccc";
var hlBgColor="#CC6600";
var md=250;
var ti=-1;
var oTd=new Object;
oTd=null;
function doMenu(td){
clearTimeout(ti);
td.style.backgroundColor=hlBgColor;
td.style.color=hlColor;
var i;
var sT="";
var tda=new Array();
tda=td.id.split("_");
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
for(i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
if(tdo[i]!=tda[i]){
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";
}
}
}
oTd=td;
sT="tbl";
for(i=1;i<tda.length;i++)
sT+="_"+tda[i];
if(document.getElementById(sT)!=null)
document.getElementById(sT).style.visibility="visible";
}
function clearMenu(){
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
var sT="";
for(var i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";
}
oTd=null;
}
}
function runMenu(strURL){
window.parent.iframe.location.href=strURL;
}
var tt="";
var sT="";
var pT=new Array();
var tA=new Array();
function getCoord(st){
tA=st.split("_");
if(tA.length>2){
tA=tA.slice(0,-1);
tt=tA.join("_");
return (document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
(document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+st).offsetWidth+2)+"px'>";
}
var p1=ve?document.getElementById("td"+st).offsetTop+4:document.getElementById("td"+st).offsetHeight+2;
var p2=ve?document.getElementById("mainmenu").offsetWidth-4:document.getElementById("td"+st).offsetLeft+5;
return (document.getElementById("mainmenu").offsetTop+p1)+"px;left:"+(document.getElementById("mainmenu").offsetLeft+p2)+"px'>";
}
if(document.getElementById){
var g1=ve?"":"<tr>";
var g2=ve?"":"</tr>";
var v1=ve?"<tr>":"";
var v2=ve?"</tr>":"";
var v3=ve?" style='float:left'>":">";
var sH="<table class='menu' id='mainmenu' cellspacing='0'"+v3+g1;
var p=0;
var j=0;
while(eval("typeof(td_"+ ++j +")!='undefined'")){
sH+=v1+"<td id='td_"+j+"' onmouseover='doMenu(this)' onmouseout="ti=setTimeout('clearMenu()',md)"";
sH+=(eval("typeof(url_"+j+")!='undefined'"))?" onclick="runMenu('"+eval("url_"+j)+"')">":">";
sH+=eval("td_"+j)+"</td>"+v2;
if (eval("typeof(td_"+j+"_1)!='undefined'"))
pT[p++]="_"+j;
}
sH+=g2+"</table>";
document.write(sH);
for(var q=0;typeof(pT[q])!="undefined";q++){
sT=pT[q];
sH="";
j=0;
sH+="<table class='menu' id='tbl"+sT+"' cellspacing='0' style='top:"+getCoord(sT);
while(eval("typeof(td"+sT+"_"+ ++j +")!='undefined'")){
sH+="<tr><td id='td"+sT+"_"+j+"' onmouseover='doMenu(this)' onmouseout="ti=setTimeout('clearMenu()',md)"";
sH+=(eval("typeof(url"+sT+"_"+j+")!='undefined'"))?" onclick="runMenu('"+eval("url"+sT+"_"+j)+"')">":">";
sH+=eval("td"+sT+"_"+j)+"</td></tr>";
if (eval("typeof(td"+sT+"_"+j+"_1)!='undefined'"))
pT[p++]=sT+"_"+j;
}
sH+="</table>";
document.write(sH);
}
document.getElementById("mainmenu").style.visibility="visible";
}
else document.write("<p>This page uses DHTML and DOM, but your browser doesn't support them. Activate JavaScript.</p>");