Søg
Avatar billede weiland Nybegynder
28. december 2002 - 16:28 Der er 3 kommentarer og
1 løsning

popup i <div>, der kan lukkes

Jeg har brug for en række links på en side... linksene er hver især knyttet til et div-layer, som dukker frem midt på siden, når man klikker.
Det er vigtigt, at brugeren har mulighed for at lukke dette layer igen.

Det er lidt af en drøm fra min side, for det er ikke lykkedes mig at finde det på nettet.
Er det muligt?
Avatar billede hells Nybegynder
28. december 2002 - 16:42 #1
<html>
<head>

<style type="text/css">
div {
background-color: #ddddff;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
width: 200px;
height: 200px;
display: none;
}
</style>

</head>
<body>

<a href="" onclick="document.getElementById('id1').style.display='block';return false">vis div1</a>
<a href="" onclick="document.getElementById('id2').style.display='block';return false">vis div2</a>

<div id="id1">
<span onclick="document.getElementById('id1').style.display='none'">luk div</span>
</div>

<div id="id2">
<span onclick="document.getElementById('id2').style.display='none'">luk div</span>
</div>

</body>
</html>
Avatar billede weiland Nybegynder
28. december 2002 - 16:44 #2
JAMEN, hvor er det lækkert. Det var lige sådan det skulle være... :-)
Avatar billede weiland Nybegynder
28. december 2002 - 17:06 #3
Jeg har opdaget en 'sjov' ting... selectbokse, som er på siden, 'skinner' igennem div-laget.
Hvordan sikrer man, at div-laget er ØVERST.

Jeg har prøvet med z-index: 2 i style, men det hjælper ikke....
Avatar billede hells Nybegynder
28. december 2002 - 17:08 #4
hvis z-index ikke virker, ved jeg ikke om der kan gøres noget ved det. jeg har også oplevet browsere hvor formelementer ikke synes at kunne dækkes af noget
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »