Notifikationer

Markér alle som læst Log ud

simplus Nybegynder

28. januar 2007 - 19:43 Der er 14 kommentarer og
1 løsning

drivetip - en slags efterligning af title attribute

Jeg læste lige denne artikel, http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm og den ser da virkelig god ud, men jeg vil hellere have en mindre, renskrevet og uden copyright udgave herinde fra eksperten. Nogen som kan hjælpe mig med det? :-)

Synes godt om

madeindk Nybegynder

28. januar 2007 - 22:48 #1

Brug denne her:
http://www.bosrup.com/web/overlib/?Documentation

Den er virkelig god :-9

Synes godt om

simplus Nybegynder

28. januar 2007 - 23:53 #2

Tja, den giver mange muligheder, men selve koden fylder ca. 90% mere end den på dynamicdrive.com :-)

Der er filer på 50kb hvilket er ekstremt mange linier kode...

Er det så i det mindste lovligt at ændre på dynamicdrive's kode og fjerne deres kommentare?

Synes godt om

roenving Novice

28. januar 2007 - 23:56 #3

-- der står jo højt og tydeligt i alle deres kodestumper, at du frit kan bruge dem, hvis du lader kommentarerne stå !-)

Synes godt om

simplus Nybegynder

28. januar 2007 - 23:59 #4

Ja det lagde jeg lige mærke til, skulle lige til at skrive en 'undskyldning' for min dumhed her i tråden...

Jeg kan dog ikke få det til at virke, det på dynamic drive altså. Jeg får fejlen:

Line: 84
Char: 1
'tipobj.style' er null eller ikke et objekt
Code: 0

Synes godt om

roenving Novice

29. januar 2007 - 00:04 #5

-- har du husket den første linje i nederste boks ?-)

<div id="dhtmltooltip"></div>

-- skal placeres i body-sektionen af dit html-dokument !-)

Synes godt om

simplus Nybegynder

29. januar 2007 - 00:07 #6

Jep, men jeg tror nærmere det er et lokalt problem. Jeg har nemlig lige googlet lidt og fundet andre scripts. Ingen af dem virker, og jeg får den eksakte samme fejl. Ingen grund til at rode med det på dette tidspunkt af døgnet. Jeg prøver at finde en løsning en anden god gang.

Synes godt om

roenving Novice

29. januar 2007 - 00:21 #7

-- har du husket et dokument-element ?-)

-- et minimalt html-dokument:

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

<head>

<title>Titel</title>

</head>

<body>

</body>

</html>

Synes godt om

simplus Nybegynder

29. januar 2007 - 00:32 #8

Ja det havde jeg husket, men jeg fandt ud af hvorfor den gjorde som den gjorde. Jeg havde gemt den som et php dokument og smidt den op på min server. Hvis jeg gemte som html, og smed den i mine dokumenter virkede det. Jeg har dog fået hjælp til at lave et utrolig simpelt script, men kunne du måske korte det yderligere ned? :-)
Måske bare fjerne overflødige elementer..

<script language="JavaScript">
x = + 15;
y = + 5;
paa = false;

function showtip(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 hidetip() {
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;
}
}
</script>

<body onMouseMove="mov();" >

<div id="tip" style="background-color: yellow; padding: 10px; position: absolute; left: -200; top: -200; visibility: hidden;">
<div class="tiptxt" id="tiptxt">
</div>
</div>

<a href="#" onMouseOver="showtip('Tekst her...');" onMouseOut="hidetip();">Klik her...</a>

Synes godt om

roenving Novice

29. januar 2007 - 00:38 #9

-- næh, for jeg tror du vil få problemer med en hel del browsere, da langt fra alle understøtter et event-objekt på den måde ...

-- og det er netop fordelen ved Erik Bosrups script: Det fungerer problemfrit i samtlige de browsere, jeg har set og/eller hørt nogen bruge !-)

Synes godt om

simplus Nybegynder

29. januar 2007 - 00:41 #10

Så blev jeg klogere! Tak for det.

Hvis du vil have point så læg lige et svar. Det samme vil jeg bede madeindk om at gøre.

Tak til jer begge.

Synes godt om

roenving Novice

29. januar 2007 - 00:50 #11

-- det må jo være madeindks, han kom jo med det bedste alternativ !-)

Synes godt om

madeindk Nybegynder

29. januar 2007 - 09:43 #12

Svar.

Synes godt om

simplus Nybegynder

29. januar 2007 - 15:08 #13

Tak skal du have.

Synes godt om

madeindk Nybegynder

29. januar 2007 - 17:08 #14

Tak for point :-)

Synes godt om

simplus Nybegynder

29. januar 2007 - 17:54 #15

Tak for hjælpen da.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS