Avatar billede copeland Nybegynder
31. juli 2001 - 22:39 Der er 5 kommentarer og
3 løsninger

Placere layer relativt til et link

Jeg skal lave en mouseover på nogle links, hvor et lag bliver vist når musen er over linket, og skjules når musen fjernes fra linket.

Det skal være et nyt layer for hvert link, og laget skal placeres relativt i forhold til linket, ligegyldigt hvor det er placeret på siden f.eks. 10 px under og 0 px til venstre for linkets start.

Hvordan gøres dette...?

/anne
Avatar billede engrob Nybegynder
31. juli 2001 - 22:42 #1
Kig på OleBoles sidste script her: http://www.eksperten.dk/spm/93226
Avatar billede engrob Nybegynder
31. juli 2001 - 22:43 #2
Det giver næsten den ønskede effekt.
Avatar billede stigc Nybegynder
31. juli 2001 - 22:53 #3
den her gør det:

http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

Det er noget med at bruge event handlingen, som du kan spørger om et x og et y koordiant...
Avatar billede jakoba Nybegynder
31. juli 2001 - 23:01 #4
i head:
<script language=\'javascript\'> <!--

function getXYcoord ( elm ) {
    var rd = { x:0 ,y:0 };
    do { rd.x += parseInt( elm.offsetLeft );
        rd.y += parseInt( elm.offsetTop );
        elm = elm.offsetParent;
    } while ( elm );
    return rd
}; //end getXYcoord ( string ) -> object{x,y}


function getLinkXY ( navn ) {  // giver x,y gor hele dokumentet
    var elm = document.links[navn];
    if ( document.all || getElementById ) elm = getXYcoord( elm );

    alert ( \"linkets position i dokumentet er \" +elm.x +\",\" +elm.y );

    var winTop = (document.all) ? document.body.scrollTop  : self.pageYOffset;
    var winLeft= (document.all) ? document.body.scrollLeft : self.pageXOffset;

    alert ( \"linkets position i vinduet er \" +(elm.x-winLeft) +\",\" +(elm.y-winTop) )
}; //end getLinkXY ( string )

</script>


i body kan du så teste med en onmouseover i et link:

<a href=\"noget.html\" name=\'olsen\' onmouseover=\"getLinkXY(\'olsen\');\">noget</A>

mvh JakobA
Avatar billede copeland Nybegynder
31. juli 2001 - 23:08 #5
Det som jeg er i gang med er lidt som menusystemet på www.eb.dk, hvor indholdet af lagene hentes fra en access database

I max 3 niveauer

jeg har afsat flere point


/anne
Avatar billede jakoba Nybegynder
02. august 2001 - 01:49 #6
så er den der (næsten):
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93955.html

nsten fordi jeg af uransagelige grunde ikke kan adresssere ankerbillederne ved navn (eg document.images[\'billednavn\']) men kun kan adressere dem ved nummer (eg document.images[1]).

mvh JakobA
Avatar billede jakoba Nybegynder
02. august 2001 - 08:39 #7
Nu ser det ud til at virker (samme link som før).

Dog kun i NS4 og IE4+, NS6 klarer det ikke positioneringen ret godt.
Avatar billede jakoba Nybegynder
02. august 2001 - 08:49 #8
Nu også ok i min NS6.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester