---
title: "Hide-show funkar inte med form"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/57239-hide-show-funkar-inte-med-form"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2002-10-27T17:58:24.000Z"
updated: "2002-10-29T17:28:40.000Z"
replies: 9
views: 308
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/57239-hide-show-funkar-inte-med-form"
---

# Hide-show funkar inte med form

## #1 — Jesper T, 2002-10-27T17:58Z

Jag lägger detta i \<head\>

```
 <script language="Javascript">
var n=1
function hideShow(){
n=n*-1; vis = (n==1)? "hidden" : "visible";
if(document.all){document.all("lager").style.visibility=vis;}
if(document.getElementById){document.getElementById("lager").style.visibility=vis;}
if(document.layers){document.layers["lager"].visibility=vis;}
}
</script>
```

 

och så öppnar jag lagret med:

```
<a href="#bottom" onclick="javascript:hideShow();" title="Lägg till">Lägg till</a>
<div id="lager" style="visibility:hidden;">
<form action="skicka.asp" method="post"> <input type="text" name="texten">
<input type="submit" name="submit"></form>
</div>
```

1\.) Det funkar att öppna och stänga så länge jag inte klickat på "submit", men när jag gjort det så går det inte att öppna och stänga lagret :(
Vad kan detta bero på?

2\.) Går det att lägga länken i en iframe och öppna ett lager som ligger i "grundfönstret"?

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

## #2 — Jesper T, 2002-10-28T16:17Z

Någon som vet?

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

## #3 — Jojoxx, 2002-10-28T16:35Z

Jag säger det en gång till; detta är inte ett lager :) Definitionen lager brukar vara att det är ett löst flytande lager på sidan som alltså inte ockuperar någon plats i det vanliga dokument-flödet. Detta definieras i CSS med **position:absolute;**. När du skall ge denne egenskap ett värde i Netscape 4.x så är det inte visible/hidden utan show/hide.

Med detta i åtanke kan det se ut så här;

```
<script language="Javascript">
var visible=(document.layers)?'show':'visible';
var hidden=(document.layers)?'hide':'hidden';
var vis=hidden;
function hideShow(){
	vis=(vis==visible)?hidden:visible;
	if(document.all){document.all("lager").style.visibility=vis;}
	if(document.getElementById){document.getElementById("lager").style.visibility=vis;}
	if(document.layers){document.layers["lager"].visibility=vis;}
}
</script>

<a href="#bottom" onclick="hideShow();" title="Lägg till">Lägg till</a>
<div id="lager" style="position:absolute; visibility:hidden;">
<form action="skicka.asp" method="post"><input type="text" name="texten">
<input type="submit" name="submit"></form>
</div>
```

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

## #4 — Jesper T, 2002-10-28T21:12Z

Tack! Är det någon som har någon idé om fråga 2?

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

## #5 — colione, 2002-10-28T22:38Z

Jo det skall gå alldeles utmärkt du behöver bara referera till sidan som iframen ligger i.

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

## #6 — Jesper T, 2002-10-28T23:08Z

Men efter som att det i länken står onclick="hideShow();", så säger den att funktionen saknas, skall man lägga funktionen i iframen istället? Och \<div id="lager"\> på själva huvudsidan?

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

## #7 — colione, 2002-10-29T00:37Z

Orkar inte sitta och grunka med en iframe för tillfället, men det låter som om det är rätt det du säger, du måste dock lägga till parent. innan document, tror jag...

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

## #8 — Jojoxx, 2002-10-29T06:32Z

Den glömde jag :)

Ligger länken i en iframe på dokumentet som innehåller lagret och javascript-koden blir länken;

\<a href="parent.hideShow();"\>Just do it\</a\>

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

## #9 — Jesper T, 2002-10-29T06:42Z

Ok, och jag slipper lägga in funktionen i iframen eller?

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

## #10 — Jojoxx, 2002-10-29T17:28Z

Japp!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/57239-hide-show-funkar-inte-med-form