Notifikationer

Markér alle som læst Log ud

Slettet bruger

14. oktober 2004 - 14:11 Der er 14 kommentarer og
1 løsning

Skal bruge en lille popup kasse i css

Hej

Jeg har et link/tekst og jeg vil gerne have at når man trykke den den, skal det komme en lille kasse frem. Dette skal ikke være et nyt browser vindue, men en kasse lavet i css og i denne passe skal der være to nye links. Når man bevæger musen væk fra kassen eller trykke på en af linkene skal den forsvinde igen.

Nogen der lige vil komme med et eksempel på sådan en ?

Synes godt om

roenving Novice

14. oktober 2004 - 14:12 #1

F.eks. som overLib: http://www.bosrup.com/web/overlib/ ?-)

Synes godt om

Slettet bruger

14. oktober 2004 - 14:24 #2

Ja. Det skal bare være muligt at man kan kører musen ind i vinduet og trykke på et link som er i den kasse.

Synes godt om

exp Juniormester

14. oktober 2004 - 14:27 #3

Det kan overlib sagtens :-)

Synes godt om

roenving Novice

14. oktober 2004 - 14:28 #4

Det kan du også med overlib ...

-- men du kan også sagtens lave den selv, men det er en misforståelse at kalde det at du laver den i css, for den skal laves i dhtml, hvor du i html laver en div, med css formatterer og placerer den og med javascript smider funktionaliteten i den ...

Synes godt om

Slettet bruger

14. oktober 2004 - 14:35 #5

Vil en af jer ikke lige prøve at lave et lille eks ?

Synes godt om

exp Juniormester

14. oktober 2004 - 14:38 #6

http://www.bosrup.com/web/overlib/?Features Nederste eksempel "Html in the popup"

Synes godt om

sbm Nybegynder

14. oktober 2004 - 14:41 #7

Jeg forsøgte mig lige.... Den er der ikke heeeelt, men det begynder at ligne...

<html>
<head>
<title>Layer der følger musen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
msie=(document.all)?true:false;

function aktiverLag() {
e=document.getElementById('navneskilt');
e.style.display="inline";
}

function visLag(f,tekst){
e=document.getElementById('navneskilt');
if(msie){
e.style.top=f.clientY+document.body.scrollTop-2;
e.style.left=f.clientX+document.body.scrollLeft-2;
}
else{
e.style.top=f.pageY+'px';
e.style.left=f.pageX+'px';
}
e.innerHTML=tekst;
}

function skjul(){
document.getElementById('navneskilt').style.display="none";
}
</script>
</head>
<body>
<div id="navneskilt" style="display:none;border:1px solid black;padding:2px;position:absolute;background-color:#DDDDDD;" onmouseout="skjul();"></div>
<br /><br />
<a href="" onmouseover="aktiverLag();visLag(event,'<a href=>Link 2</a> <a href=>Link 3</a>');">Link</a>
</body>
</html>

Synes godt om

sbm Nybegynder

14. oktober 2004 - 14:42 #8

Oooookay. Måske man lige skulle trykke refresh inden man smider et svar. Der var kommet et par indlæg mere.... :-)

Synes godt om

Slettet bruger

15. november 2004 - 17:37 #9

Svar lige

Synes godt om

exp Juniormester

15. november 2004 - 18:05 #10

Hvem?

Synes godt om

sbm Nybegynder

15. november 2004 - 18:38 #11

Øhm...... Svar? :-)

Synes godt om

Slettet bruger

15. november 2004 - 23:16 #12

Alle 3

Synes godt om

exp Juniormester

15. november 2004 - 23:30 #13

Giv mine til roenving - jeg tilføjer jo blot til hans svar :-)

Synes godt om

roenving Novice

18. december 2004 - 23:17 #14

Jeg har desværre ikke haft så meget tid til E* siden starten af november, men els velbekomme '-)

Synes godt om

roenving Novice

23. marts 2005 - 14:02 #15

Tak for point ;~}

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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