gardener
Threadersteller
Dabei seit: 05.02.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 05.02.2007 13:11
Titel javascript - div/bild bei mouseover neben link anzeigen |
|
|
hallo,
ich möchte gerne bei mouseover über einen link links neben diesem einen div container oder ein bld anzeigen (blauer kasten), das ganze soll mehrmals geschehen (in einem vertikalen menü).
momentan scheitere ich an den unterschieden zwischen mozilla und ie, eine einfachere lösung wäre schön.
ich möchte wenn möglich nur einen kasten definieren müssen der dann flexibel positioniert wird.
nachtrag: ich habe mittlerweile aufgegeben die position des kastens dynamisch anzupassen und habe für jeden link einen eigenen kasten definiert der dann auf visible gesetzt wird. problem ist jetzt bloß, dass bei schriftgradänderungen die kästen möglicherweise unschön platziert werden, da die positionen ja jetzt fix sind.
folgender code funktioniert im ie, ist allerdings im mozilla nicht brauchbar. problem sind die unterschiedlichen auffassungen der positionen..
der link:
Code: | <div onMouseover="kastenan('kasten1',absTop(this))" onMouseout="kastenaus('kasten1')"
class="menu" style="position: relative; top:0px; left:0px;">
<a href="ziel.html" class="link">
zweizeiliger<br />
link
</a>
</div> |
der kasten:
Code: | <div id="kasten1" class="kasten" style="visibility: hidden; position: absolute; top:; left:50px;"></div>
css:
.kasten {
width:70px; height:10px; background-color:#33ccff;} |
javascript:
Code: | function kastenan(knr, toppos)
{
document.getElementById(knr).style.visibility = "visible";
document.getElementById(knr).style.top = toppos;
}
function kastenaus(knr)
{
document.getElementById(knr).style.visibility = "hidden";
}
function absLeft(el) {
return (el.offsetParent)?
el.offsetLeft+absLeft(el.offsetParent) : el.offsetLeft;
}
function absTop(el) {
return (el.offsetParent)?
el.offsetTop+absTop(el.offsetParent) : el.offsetTop; |
es wird also die y position des objekts übergeben.
für jeden rat bin ich dankbar,
grüße
g
Zuletzt bearbeitet von gardener am Mo 05.02.2007 13:17, insgesamt 2-mal bearbeitet
|
|