gömma div när man klickar i dokumentet

3 svar · 482 visningar · startad av Danielkun 28 feb. 2007

DanielkunMedlem sedan maj 2003361 inlägg

Frågan28 feb. 2007 05:25#1

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!

The_HulkMedlem sedan juni 20031 837 inlägg

28 feb. 2007 08:21#2

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

DanielkunMedlem sedan maj 2003361 inlägg

28 feb. 2007 08:54#3

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

KoplikMedlem sedan juli 20011 129 inlägg

28 feb. 2007 09:16#4

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.