Notifikationer

Markér alle som læst Log ud

apo Praktikant

21. juni 2005 - 04:21 Der er 12 kommentarer og
1 løsning

Egne tooltips?

Hej, og godmorgen :-)

Hvordan laver man sine egne tooltips, med tekst og grafik? Jeg gætter på at det er noget med javascript og layers, men jeg ved det faktisk ikke...

Det jeg tænker på kan ses her: http://www.tv2.rejsezonen.dk/turen:bog=1:fid=96

(Hold musen over linkene under enten 'Mediepartnere' eller 'Samarbejdspartnere' nederst på siden, og se hvad jeg mener)

Apo

Synes godt om

fennec Nybegynder

21. juni 2005 - 08:13 #1

Hent koden fra:
http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_95.html

Synes godt om

thesurfer Nybegynder

21. juni 2005 - 09:43 #2

Hmm.. hverken koden fra http://www.tv2.rejsezonen.dk/turen:bog=1:fid=96 eller http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_95.html er Opera-kompatibelt..

Brug overLIB i stedet: http://www.bosrup.com/web/overlib/

/theSurfer

Synes godt om

thesurfer Nybegynder

21. juni 2005 - 10:03 #3

hmm.. http://www.tv2.rejsezonen.dk/turen:bog=1:fid=96 virker med Opera.. popup'en vises bare helt i toppen af skærmen..

/theSurfer

Synes godt om

apo Praktikant

21. juni 2005 - 13:41 #4

Hmm... Nu har jeg downloaded overLib (En masse .js-filer), men er ikke blevet klogere på hvordan det skal laves. Der er hverken readme-files eller anden tydelig form for forklaring med :-/

Jeg foretrækker noget ren kode (Med forklaring) der lægges her i spørgsmålet, i stedet for nogle links...

Men thesurfer har dog ret i at det skal være crossbrowser.

Apo

Synes godt om

roenving Novice

21. juni 2005 - 13:43 #5

-- så hop ind på dokumentationen på Erik Bosrups side, for det er da virkelig for meget at lægge her !-)

Synes godt om

apo Praktikant

21. juni 2005 - 14:01 #6

Roenving > Jep, jeg fandt den efter at jeg postede indlægget ;-)

Men efter at have fulgt dokumentationen kan jeg stadig ikke få det til at virke :-/

Jeg har uploadet overlib.js og indsat referencen på den aktuelle side (<script type="text/javascript" src="overlib.js"></script>).

Dernæst har jeg indsat: <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div> lige efter <body> (Som det anbefales).

Og til sidst har jeg indsat: <a href="java script:void(0);" onmouseover="return overlib('This is an ordinary popup.');" onmouseout="return nd();">here</a> på siden...

Synes godt om

apo Praktikant

21. juni 2005 - 14:57 #7

Ingen af jer der ved hvad jeg gør galt?

Synes godt om

fennec Nybegynder

21. juni 2005 - 15:11 #8

Har du et link til siden. Så er det nemmere at se problemet....

Synes godt om

apo Praktikant

21. juni 2005 - 15:36 #9

Jeg har p.t. ikke mulighed for at lægge et link :-(

Men det undrer mig, at det ikke virker når jeg (tilsyneladende) har fulgt vejledningen? (Som beskrevet overfor)

Synes godt om

fennec Nybegynder

21. juni 2005 - 16:11 #10

Følger der ikke nogle færdige eks med, som du kan tjekke om virker???

Synes godt om

apo Praktikant

21. juni 2005 - 16:20 #11

Nope, det er bare en samling .js-filer, uden nogen form for beskrivelse :-/

Jeg har brugt det eksempel de har i deres dokumentation ( http://www.bosrup.com/web/overlib/?Documentation ), men det virker ikke :-(

Synes godt om

apo Praktikant

21. juni 2005 - 16:51 #12

Nå, jeg har vist spildt tid nok på det der 'overlib-crab' der ikke virker alligevel :-/ Så må jeg gå tilbage til at bruge en almindelig popup til formålet, selv om det er en mere klodset løsning...

Undskylder ulejligheden, men jeg lukker her.

// Lukker

Apo

Synes godt om

per1291 Nybegynder

22. juni 2005 - 12:51 #13

En del af løsningen kan laves helt uden javascript. Måske kan man lægge grafik ind i titlen. I Opera bringes hjælpeteksten også, men der tilføjes "Titel: " foran.

<html>
<head>
</head>
<body>
OBS:<br>Når du fører
<font color="red" title="MARKØR betyder CURSOR" style="{cursor:pointer}">markøren</font>
hen over et ord med RØDE bogstaver,<br>
så kommer der en lille hjælpetekst frem!
<br>
Prøv selv ...
</body>
</html>

Hilsen Per

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