---
title: "Visa dölja tagg, javascript.."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/136514-visa-dölja-tagg-javascript"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "gabbo"
published: "2005-10-27T21:56:46.000Z"
updated: "2005-11-12T11:44:26.000Z"
replies: 12
views: 540
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/136514-visa-dölja-tagg-javascript"
---

# Visa dölja tagg, javascript..

## #1 — gabbo, 2005-10-27T21:56Z

Någon som har en bra idé om mitt önskemål, har provat att ställa samma fråga i olika forum på internet, men ingen kan eller vill svara.. så jag testar här..   :) 

Jag behöver en funktion som kan visa/dölja en tagg.. typ:

\<div\>
  Inputfält (som alltid skall vara synligt)
\</div\>

\<div name="2"\>
  Inputfält som skall visas om man klickar på länken nedan.. 
\</div

\<div\>
  länk som togglar om name="2" skall visas eller ej. 
  Vore trevligt med två alternerande länkar, typ: visa name="2" och dölj name="2"
\</div

Skall givetvis fungera med olika browsers, samt det läget man togglat till skall vara kvar akivt så länge man är på sidan...

Hoppas någon förstod :-)

/gert

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

## #2 — Peter S, 2005-10-27T22:00Z

Hej och välkommen till wF!

Använd gärna kod-taggarna när du postar kod, så blir den enklare att följa  :) 

```
<div id="i2"><input...></div>

<a href="javascript:void(0)" onclick="document.getElementById('i2').style.display='block'">Visa</a> <a href="javascript:void(0)" onclick="document.getElementById('i2').style.display='none'">Dölj</a>
```

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

## #3 — gabbo, 2005-10-28T05:41Z

Tack för ditt snabba svar, men behövs det ingen liten kodsnutt att lägga i headern?

/gert

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

## #4 — Peter S, 2005-10-28T07:37Z

Inte nödvändigtvis. Men visst  ;) 

```
<script type="text/javascript">
function sh(m, id){
  var elm = document.getElementById(id);

  switch (m){
    case "show": elm.style.display = "block"; break;
    case "hide": elm.style.display = "none"; break;
  }
}
</script>

<div id="i2"><input...></div>

<a href="javascript:void(sh('show', 'i2'))">Visa</a> <a href="javascript:void(sh('hide', 'i2'))">Dölj</a>
```

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

## #5 — gabbo, 2005-10-28T10:53Z

Jag skall testa

> **Peter S skrev:**
>
> Inte nödvändigtvis. Men visst  ;) \[kod\]\<script type="text/javascript"\>
> function sh(m, id){
>   var elm = document.getElementById(id);
> 
>   switch (m){
>     case "show": elm.style.display = "block"; break;
>     case "hide": elm.style.display = "none"; break;
>   }
> }
> \</script\>

Borde det fungera utan detta? 

Jag fick det inte att fungera utan iaf.  jag skall testa denna variant i kväll

Tack / gert

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

## #6 — J.N., 2005-10-28T13:42Z

HEJ!

> **gabbo skrev:**
>
> Borde det fungera utan detta?

Att lägga kod i head är inget som behövs, man kan lägga koden som Peter S gör, det är en smaksak.

Jämför med att lägga scriptet i en include-fil. (Även om den faktiskt hamnar i head också, om man länkar det där.)

Jag har provat båda koderna utan problem.

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

## #7 — gabbo, 2005-10-28T17:48Z

Trevligt forum detta. Snabba och vettiga svar, det är inte lätt att vara nybörjare på java :-)

Jo, dom andra tipsen fungerade ypperligt, men dom gör inte riktigt det jag vill att dom skall göra, hade jag haft mer javakunskap så hade jag kanske kunnat editera dom...

Detta är mitt önskemål:

När man kommer till sidan, eller när man gör en reload på sidan skall "avancerad sökning" inte vara synlig.

När man valt "avancerad sökning" så skall den div'en vara öppen under hela sessionen, oavsett vilka andra länkar man använder på sidan, detta script kommer att köras i en sidobox...

Några tips..?

\<div\>
  Här har vi normal sökning..
  \<a href="xxxx"\>Avancerad sökning\</a\> (öppna nästa div, denna länk skall inte synas när "avancerad sökning" är vald)
\</div\>

\<div id="adv"\>
  Här är avancerad sökning..
  \<a href="xxxx"\>Stäng avancerad sökning (denna div)\</a\>
\</div\>

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

## #8 — Peter S, 2005-10-28T20:21Z

Se om du kan skapa någonting med hjälp av [denna](http://www.webforum.nu/showthread.php?t=129650) tråd.  :)

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

## #9 — gabbo, 2005-10-29T06:05Z

Nä.. jag fattade ingenting :-)

Jag får väl fundera och testa mig fram.. 

..men går det via javascript att spara aktuella inställningar för aktuell session, utan att använda sig av cookies? 

/g

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

## #10 — Peter S, 2005-10-29T08:35Z

Nej, det går inte. Det får du använda ett serverspråk för.  :)

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

## #11 — linux, 2005-11-12T00:09Z

Hej Hej,

någon som har koll på hur stödet i olika webbläsare är för att visa/dölja lager?

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

## #12 — Peter S, 2005-11-12T08:36Z

Hejsan!  :) 

Ovanstående kod förlitar sig huvudsakligen på metoden document.getElementById, för vilken stödet i olika webbläsare kan ses [här](http://www.quirksmode.org/dom/w3c_core.html#fourmethods).

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

## #13 — linux, 2005-11-12T11:44Z

Tack tack Peter  (y)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/136514-visa-dölja-tagg-javascript