Avatar billede mcgyverking Nybegynder
25. juni 2002 - 10:31 Der er 4 kommentarer og
1 løsning

Tooltips... Hvordan

Hejsa,

Jeg kunne godt tænke mig at vide hvordan jeg laver min egne tooltips på en webformular. Fx. hvis man laver en mouseover på en checkbox så skal tooltippet komme frem som ved title - problemet med title er bare den er for langsom.

Nogen som kan hjælpe?

Tak.
Avatar billede dmdisco Nybegynder
25. juni 2002 - 10:33 #1
prøv at kigge på www.dhtmlcentral.com de har vidst nok et tooltip script
Avatar billede dmdisco Nybegynder
25. juni 2002 - 10:34 #2
Avatar billede pelkjaer Nybegynder
25. juni 2002 - 10:34 #3
Avatar billede Slettet bruger
25. juni 2002 - 10:39 #4
Du kan jo prøve dette:

<script>
x = 30; //Så langt til højre tippet skal være fra cursoren
y = 30; //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 + 30;
document.getElementById("tip").style.top = event.clientY + 30;
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 + 30;
document.getElementById("tip").style.top = event.clientY + 30;
}
}
</script>

I body-tagget:

<body onMouseMove="mov();">

Dette skal sættes et vilkårligt sted på siden:

<div id="tip" style="position: absolute; left: -200; top: -200; visibility: hidden;">
<div id="tiptxt" style="background-color: yellow; font-family: Verdana;">
</div>
</div>

Og så ved dine checkbokse:

<input type="checkbox" onMouseOver="vis('Checkbox nr. 1');" onMouseOut="skjul();">
Avatar billede mcgyverking Nybegynder
25. juni 2002 - 10:42 #5
Tak skal i have!!
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