---
title: "Div som försvinner."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170574-div-som-försvinner"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Akerlundh"
published: "2008-04-06T21:01:10.000Z"
updated: "2008-04-07T14:17:04.000Z"
replies: 8
views: 601
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/170574-div-som-försvinner"
---

# Div som försvinner.

## #1 — Akerlundh, 2008-04-06T21:01Z

Jag vill göra en liten sak med divar på min sidan. Få se om jag lyckas förklara så ni förstår.

Jag har först en DIV som är ca 500 x 400 px som är centrerad på sidan. Och i den har jag massvis med thumbnails bilder. Om man nu trycker på en bild så ska den DIVEN som alla thumbnails ligger i försvinna och istället ska det öppnas en annan div som är ca 620 x 426 px. Den diven ska också va centrerad i mitten. Storlekarna är inte något viktigt men det är bara så ni ska förstår hur jag menar.

Hur ska jag göra för att få det att bli så här?

Hoppas ni hänger med.

Permalänk: https://www.webforum.nu/p/170574

## #2 — jawbreaker, 2008-04-07T04:21Z

Det låter egentligen som en fråga för javascriptforumet tycker jag.

Annars finns det ju lösningar för att visa bilder på ett smidigt sätt, till exempel [Lightbox](http://www.huddletogether.com/projects/lightbox/) och [GreyBox](http://orangoo.com/labs/GreyBox/). Det kanske kan hjälpa?

Permalänk: https://www.webforum.nu/p/2096075

## #3 — Akerlundh, 2008-04-07T11:36Z

> **jawbreaker skrev:**
>
> Det låter egentligen som en fråga för javascriptforumet tycker jag.
> 
> Annars finns det ju lösningar för att visa bilder på ett smidigt sätt, till exempel [Lightbox](http://www.huddletogether.com/projects/lightbox/) och [GreyBox](http://orangoo.com/labs/GreyBox/). Det kanske kan hjälpa?

Lightbox och GreyBox vet jag att det finns. Men tänkte om det gick göra så som jag ville på något annat sätt.

Permalänk: https://www.webforum.nu/p/2096129

## #4 — dreas, 2008-04-07T12:13Z

Det är, precis som jawbreaker säger, javascript du är ute efter.
Med javascript kan du styra lagers visibility, vilket borde ge dig önskad effekt. Mitt tips är att söka i javascript forumet efter "div visibility" eller liknande, så bör du hitta något.

Permalänk: https://www.webforum.nu/p/2096131

## #5 — Akerlundh, 2008-04-07T13:03Z

> **dreas skrev:**
>
> Det är, precis som jawbreaker säger, javascript du är ute efter.
> Med javascript kan du styra lagers visibility, vilket borde ge dig önskad effekt. Mitt tips är att söka i javascript forumet efter "div visibility" eller liknande, så bör du hitta något.

Okej! Jag återkommer med svar hur det gick sen.

Permalänk: https://www.webforum.nu/p/2096144

## #6 — Akerlundh, 2008-04-07T13:43Z

Kan man inte göra något på det här viset.

Jag har en div med 

```
style="display: none;"
```

 Sen när man håller musen över en länk på sidan så ändras display: none; i den diven på något vänster? Eller är det fortfarande enklast med javascript?

Permalänk: https://www.webforum.nu/p/2096151

## #7 — voigtann1, 2008-04-07T13:46Z

Ja, javascript måste du använda dig av OM inte du vill att den skall gå till en ny sida och rendera ut diven som du vill ha det. Men mouseover är alltid javascript, sen är frågan om du vill koda en egen lösning eller använda en som är färdig med en bra dokumentation som båda länkarna som jawbreaker skrev.

Permalänk: https://www.webforum.nu/p/2096154

## #8 — Akerlundh, 2008-04-07T14:04Z

Okej.

Men om jag använder denna koden då. Kan jag få så att den är i en div ifrån början? Så att diven är dold ifrån början?

```
<SCRIPT LANGUAGE="javascript">
function hidden()
{
if (document.all)
{
document.getElementById("photo").style.display = "none";
}
{
document.getElementById("photo").style.visibility = "hidden";
}
}
</SCRIPT>
```

Permalänk: https://www.webforum.nu/p/2096155

## #9 — voigtann1, 2008-04-07T14:17Z

varför inte sätta den som dold i början med CSS:

```
#photo {
display:none;
}
```

Och jag hade försökt göra en generell javascript funktion för att dölja en div/id:

```
<SCRIPT LANGUAGE="javascript">
function hidden(id) {
	if(!id) {id = "photo";}
	if (document.all) {
		document.getElementById(id).style.display = "none";
	} else {
		document.getElementById(id).style.visibility = "hidden";
	}
}
</SCRIPT>
```

Permalänk: https://www.webforum.nu/p/2096156

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170574-div-som-försvinner