---
title: "gömma div när man klickar i dokumentet"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/157634-gömma-div-när-man-klickar-i-dokumentet"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Danielkun"
published: "2007-02-28T05:25:58.000Z"
updated: "2007-02-28T09:16:22.000Z"
replies: 3
views: 497
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/javascript/157634-gömma-div-när-man-klickar-i-dokumentet"
---

# gömma div när man klickar i dokumentet

## #1 — Danielkun, 2007-02-28T05:25Z

Jag har ett Javascript som ändrar en DIV från "hidden" till "block" när man fokuserar på ett textfield.

Här är ett exempel:
<http://www.ec-neo.com/teneo/TEST.html>
(Fokusera på Password rutan)

Nu vill jag göra så att när man klickar i dokumentet någonstans så ska DIV'en bli "hidden" igen.

Vilkorerna är:
Man ska kunna klicka runt i DIV'en utan att den försvinner.
Muspekaren ska kunna lämna DIV'en utan att den försvinner.

Jag hittar ingen motsats till "onFocus" så jag vet inte hur jag ska lösa detta. Vore tacksam för ideer.

Tack!

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

## #2 — The_Hulk, 2007-02-28T08:21Z

onBlur när fältet förlorar fokus.

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

## #3 — Danielkun, 2007-02-28T08:54Z

Tack, testade onBlur men då försvinner DIV'en så fort jag klickar i den :(
Det ska fortfarande kunna gå o klicka i den.

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

## #4 — Koplik, 2007-02-28T09:16Z

Fungerande lösning

```
  document.body.onclick = hidethatDiv;
  var showDiv = false;
  
  function hidethatDiv()
  {
    if(!showDiv)
    {
      //Kod för att gömma div:en
    }
      
    showDiv = false;
  }
   
  function showthatDiv()
  {
    showDiv = true;
    //kod för att visa div:en
  }
```

Tanken är att gömma div:en så fort man klickar någonstans i dokumentet, men om man samtidigt klickar i fältet där den skall visas så flaggas showDiv och "gömma-koden" körs ej, förräns nästa klick då samma kontroll körs. 
Klickar man innanför div-fältet där showthatDiv anropas så kommer hidethatDiv inte köras, och tvärtom om man klickan utanför.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/157634-gömma-div-när-man-klickar-i-dokumentet