Avatar billede kasper77 Nybegynder
13. august 2002 - 12:32 Der er 11 kommentarer og
1 løsning

Tekst over link

Hvis man f.eks. holder musen over "DIBS" logoet her på siden, så kommer der en tekst med "Dette site anvender DIBS......."

Kan man lave det sådan at man selv kan vælge hvilken bagggrund, tekstfarve og skrifttype teksten skal stå med?

Altså så jeg f.eks. vælger at have samme baggrundsfarve som siden, Arial i skrifttype og orangefarvet skrift?!

Håber nogle x-perter kan hjælpe...
Avatar billede Slettet bruger
13. august 2002 - 12:34 #1
Nu skal du ikke flytte spm igen, men Java er ikke det samme som JavaScript :)

Du fik et svar i det andet spørgsmål (overlib) der er det bedste du kan få.
Avatar billede dmdisco Nybegynder
13. august 2002 - 12:34 #2
Avatar billede nikolajdu Nybegynder
13. august 2002 - 12:35 #3
<html>
<head>
<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
tid = 1000; //Antal millisekunder, før tippet skal forsvinde

paa = false;
var to;
function vis(txt) {
obj("tiptxt").innerHTML = txt;
obj("tip").style.left = event.clientX + 30;
obj("tip").style.top = event.clientY + 30;
obj("tip").style.visibility = "visible";
paa = true;
to = setTimeout("skjul();", tid);
}

function skjul() {
clearTimeout(to);
obj("tip").style.visibility = "hidden";
paa = false;
}

function mov() {
if (paa) {
obj("tip").style.left = event.clientX + 30;
obj("tip").style.top = event.clientY + 30;
}
}

function obj(id) {
if (document.getElementById)
return document.getElementById(id);
else if (document.all)
return document.all[id];
}
</script>
</head>
<body onMouseMove="mov();">
<div id="tip" style="position: absolute; left: -200; top: -200; visibility: hidden;">
<div id="tiptxt" style="background-color: yellow; font-family: Verdana;">
</div>
</div>
<form>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 1');" onMouseOut="skjul();"><br>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 2');" onMouseOut="skjul();"><br>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 3');" onMouseOut="skjul();"><br>
<input type="submit" value="minSubmitknap" onMouseOver="vis('Juhu jeg er pæn');" onMouseOut="skjul();"><br>
</form>
</body>
</html>

/Nikolaj
Avatar billede kasper77 Nybegynder
13. august 2002 - 12:36 #4
Er der ikke nogen der kan give mig koden her?
Avatar billede staz Nybegynder
13. august 2002 - 12:40 #5
Hvad ligner det der er her over... ???
Avatar billede kasper77 Nybegynder
13. august 2002 - 12:42 #6
Hvad ligner det der er her over... ???

Hvad mener du?
Avatar billede kasper77 Nybegynder
13. august 2002 - 12:53 #7
nikolajdu >> Din kode giver mig nogle checkboxe, jeg vil gerne have at der står et link, f.eks. "Kontakt os", og når man så holder musen over denne tekst kommer skriften.
Avatar billede nikolajdu Nybegynder
13. august 2002 - 12:54 #8
Du bytter :

<form>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 1');" onMouseOut="skjul();"><br>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 2');" onMouseOut="skjul();"><br>
<input type="checkbox" onMouseOver="vis('Checkbox nr. 3');" onMouseOut="skjul();"><br>
<input type="submit" value="minSubmitknap" onMouseOver="vis('Juhu jeg er pæn');" onMouseOut="skjul();"><br>

ud med :

<a href="link.html" onMouseOver="vis('Kontakt os');" onMouseOut="skjul();">
Avatar billede kasper77 Nybegynder
13. august 2002 - 13:02 #9
nikolajdu >> Og hvor skriver jeg så KONTAKT OS, så folk kan se det?

Det skulle gerne være sådan at de ser linket "Kontakt os", og så derefter holder musen over, og så kommer teksten.
Avatar billede nikolajdu Nybegynder
13. august 2002 - 13:03 #10
<a href="link.html" onMouseOver="vis('Kontakt os');" onMouseOut="skjul();">Kontakt os</a>

/Nikolaj
Avatar billede kasper77 Nybegynder
13. august 2002 - 13:09 #11
Takker :-)
Avatar billede nikolajdu Nybegynder
13. august 2002 - 13:11 #12
Så lidt da :)
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

IT-JOB