Avatar billede eazye Nybegynder
31. marts 2004 - 14:12 Der er 6 kommentarer og
1 løsning

at få "tip" til at føge med musen på scroll?

Jeg har tidligere herinde fået dette script anbefalet, til at vise et "tip" alá "alt=''" ved eks billeder og tekst.

x = + 13; //Så langt til siden tippet skal være fra cursoren
y = + 5;  //Så langt nedenunder tippet skal være fra cursoren

paa = false;
function vis(txt) {
    document.getElementById("tiptxt").innerHTML = txt;
    document.getElementById("tip").style.left = event.clientX + x;
    document.getElementById("tip").style.top = event.clientY + y;
    document.getElementById("tip").style.visibility = "visible";
    paa = true;
}

function skjul() {
    document.getElementById("tip").style.visibility = "hidden";
    paa = false;
}

function mov() {
    if (paa) {
        document.getElementById("tip").style.left = event.clientX + x;
        document.getElementById("tip").style.top = event.clientY + y;
    }
}

Og det har fungeret ganske fint, indtil jeg satte det ind på en side med iframe. Det viser sig nemlig at den viser tippet ud for musens posistion i forhold til HELE skærmen, og ikke kun i iframen. Dvs. at hvis man scroller lidt ned i iframen, og holder musen ind over et billede, så kommer tippet højere oppe i iframen. og altså Ikke ud for billedet..

Hvordan får jeg tippet til at stå som det skal?

på forhånd tak
- EazyE
Avatar billede olebole Juniormester
31. marts 2004 - 14:14 #1
<ole>

Jeg tror, du bliver nødt til at poste en URL  :)

/mvh
</bole>
Avatar billede eazye Nybegynder
31. marts 2004 - 14:15 #2
laver lige et eksempel... 2 min..
Avatar billede eazye Nybegynder
31. marts 2004 - 14:22 #3
Avatar billede olebole Juniormester
31. marts 2004 - 14:34 #4
x = + 13; //Så langt til venstre tippet skal være fra cursoren
        y = + 5;    //Så langt nedenunder tippet skal være fra cursoren
       
        paa = false;
        function vis(txt) {
            document.getElementById("tiptxt").innerHTML = txt;
            document.getElementById("tip").style.left = event.clientX + document.documentElement.scrollLeft + x;
            document.getElementById("tip").style.top = event.clientY + document.documentElement.scrollTop + y;
            document.getElementById("tip").style.visibility = "visible";
            paa = true;
        }
       
        function skjul() {
            document.getElementById("tip").style.visibility = "hidden";
            paa = false;
        }
       
        function mov() {
            if (paa) {
                document.getElementById("tip").style.left = event.clientX + document.documentElement.scrollLeft + x;
                document.getElementById("tip").style.top = event.clientY + document.documentElement.scrollTop + y;
            }
        }

... og så skal du altid huske den rigtige DTD i toppen. Uden URL'en i DTD'en kan IE ikke fortolke CSS korrekt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

/mvh
Avatar billede eazye Nybegynder
31. marts 2004 - 15:51 #5
mange dak..
Avatar billede olebole Juniormester
31. marts 2004 - 16:04 #6
... anytime  ;o)
Avatar billede eazye Nybegynder
21. april 2004 - 07:54 #7
Hmm nu ved jeg jo ikke lige om du læser dette :) men så snart jeg sætter <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ind, så vil iframen automatisk have en scroller til siden.. selvom indholdet af iframe ikke er for bredt?..

på forhånd tak..
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