• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onmouseover menü von inhalt verdeckt

Status
Für weitere Antworten geschlossen.
sammy2005

sammy2005

Neues Mitglied
hi
hab das i-net schon durchforstet aber geholfen hat nichts:
hab ein Menü mittels onmouseover erhält man ein Untermenü.
Das Problem: das Newsscript (swf+xml Datei) verdeckt den Inhalt beim mouseover? Z-index brachte nichts, layer funzte überhaupt nicht, iframe zeigt die News an - nicht den mouseover Inhalt, embed src zeigt die News nicht an, dafür den mouseover Inhalt. Object zeigt leider nur folgenden Fehlercode: xml not loaded.
Bitte um konkreten Lösungscode.
Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
#popitmenu{
position:absolute; visibility: hidden;
background-color:#2b6a95;
border: solid 1px #6699CC;
font: normal 11px Verdana;
line-height: 25px;
text-indent: 5px;
}
#popitmenu a{
text-decoration: none;
color: white;
display: block;
}
#popitmenu a:hover{
background-color:#ffffff;
color:#2b6a95;
}
</style>
<script type="text/javascript">
var defaultMenuWidth="100px"
var linkset=new Array()

linkset[0]='<a href="sammy1.php">Steckbrief</a>'
//linkset[0]+='<hr>' //Optional Separator
linkset[0]+='<a href="sammy2.php">Stammbaum</a>'

linkset[1]='<a href="bilder.php">Bilder</a>'
linkset[1]+='<a href="">Videos</a>'

linkset[2]='<a href="ausbildung.php">Prüfungen</a>'
linkset[2]+='<a href="hobbies/news.html">Hobbies</a>'

linkset[3]='<a href="termine.php">Termine</a>'
linkset[3]+='<a href="berichte/news.html">Berichte</a>'
linkset[3]+='<a href="">Trophäenraum</a>'
linkset[3]+='<a href="">Tunnelflitzer</a>'
////
var ie5=document.all && !window.opera
var ns6=document.getElementById
if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}
function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
if (rightedge<menuobj.contentwidth)
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}
function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
if (ie5||ns6)
document.onclick=hidemenu
</script>
<title>Sammy</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="images/sammy.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu"><a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()" style="z-index:1000">Herkunft &brvbar;</a>
<a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()" style="z-index:1000">Gallerie &brvbar;</a>
<a href="#" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()" style="z-index:1000">Ausbildung &brvbar;</a>
<a href="#" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()" style="z-index:1000">Agility</a></div>

<iframe src="news/news.html" width="100%" height="400px" frameborder="0" style="z-index:1">


</body>
</html>
 
Werbung:
Lösung

hi
suuuuuuuuuuuper danke
das mit dem transparent hat wirklich geholfen, da wär ich nie darauf gestossen.
Hab folgendes in meiner news.html eingefügt:
Code: 
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" 
width="100%" height="400" id="news">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="news.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#6699cc" />
[COLOR=DarkGreen]<param name="wmode" value="transparent" />
<param name="wmode=transparent" />[/COLOR]
<embed src="news.swf" quality="high" bgcolor="#6699cc" width="100%" height="400" name="news" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" [COLOR=DarkGreen]wmode="transparent"[/COLOR] />
</object>
echt schweinchengeil daaaanke
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben