Avatar billede twistedup Nybegynder
18. august 2005 - 14:00 Der er 2 kommentarer

Popup-kasse ud tof link - lidt som en "alt"-tekst

Hej Eksperter,

Jeg har fundet dette script i et andet spørgsmål her på eksperten:


<html>
<head>
<title>Layer der følger musen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
msie=(document.all)?true:false;

function aktiverLag() {
    e=document.getElementById('navneskilt');
    e.style.display="inline";
}

function visLag(f,tekst){
    e=document.getElementById('navneskilt');
    if(msie){
        e.style.top=f.clientY+document.body.scrollTop-2;
        e.style.left=f.clientX+document.body.scrollLeft-2;
    }
    else{
        e.style.top=f.pageY+'px';
        e.style.left=f.pageX+'px';
    }
    e.innerHTML=tekst;
}

function skjul(){
    document.getElementById('navneskilt').style.display="none";
}
</script>
</head>
<body>
<div id="navneskilt" style="display:none;border:1px solid black;padding:2px;position:absolute;background-color:#DDDDDD;" onmouseout="skjul();"></div>
<br /><br />
<a href="" onmouseover="aktiverLag();visLag(event,'<a href=>Link 2</a> <a href=>Link 3</a>');">Link</a>
</body>
</html>

Der sker bare det, når jeg bruger det, at popup-kassen ligger langt væk fra linket..? Er der nogen der kan hjælpe?

Desuden må boksen også gerne forsvinde, når man fjerner curseren fra linket. Kan I klare den? :)
Avatar billede roenving Novice
18. august 2005 - 14:08 #1
Tjah, jeg ville nok være så doven, at jeg brugte overLib !-)

http://www.bosrup.com/web/overlib/
Avatar billede miss-g Seniormester
18. august 2005 - 16:58 #2
Man kan gøre det meget simpelt - se 2. afsnit (Tekst kasse når du kører musen over et link - test her:)
http://www.nicolin.dk/multimedia/dream-finesser.htm
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