---
title: "Gömma och visa element?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/84883-gömma-och-visa-element"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "GrodanBoll"
published: "2003-08-31T07:53:53.000Z"
updated: "2005-04-04T00:15:38.000Z"
replies: 14
views: 415
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/84883-gömma-och-visa-element"
---

# Gömma och visa element?

## #1 — GrodanBoll, 2003-08-31T07:53Z

Tjo!

E ganska ny på det här med lite mer avancerad CSS så jag skulle behöva lite hjälp.

Jag skulle vilja veta hur man gömmer och visar en text på clienten?

Gömd:
Hej hej hemskt mycket hej.

Visad:
Hej hej **jätte** hemskt mycket hej.

Där då 'jätte' läggs i ett egen 'div'-element och visas vid behov utan att behöva ladda om sidan.

Kan man göra så? Stöder alla webbläsare detta?
Sen vet jag att jag någon stans på den oändliga webben ahr sett sidor som förklarar det här med design mha css sitället för med tabeller men kan naturligtvis inte hitta dem nu när jag behöver dem.  :r  Har ni några sådana här länkar får ni gärna posta dem (har sett länkarna längst uppe på forumsidan). :)

/Grodan

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

## #2 — PepeJeria, 2003-08-31T09:27Z

Med hjälp av Javascript kan du enkelt göra detta. Sök på Javascript forumet

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

## #3 — LeonL, 2003-08-31T09:31Z

```
Hej hej <div id="hiddenword" style="display='none';">jätte</div>hemskt mycket hej.
<br><br>
<a href="#" OnClick="document.getElementById('hiddenword').style.display='block';">Klicka här! :)</a>
```

 Bör funka :r

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

## #4 — PepeJeria, 2003-08-31T09:34Z

Eller med en span för att undvika en radbrytning:

```
<p>
	Hej hej <span id="hiddenword" style="display='none';">jätte</span> hemskt mycket hej.
</p>

<a href="#" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
```

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

## #5 — dectgap, 2003-08-31T09:36Z

> **PepeJeria skrev:**
>
> Eller med en span för att undvika en radbrytning:
> 
>
>
> ```
> <p>
> 	Hej hej <span id="hiddenword" style="display='none';">jätte</span> hemskt mycket hej.
> </p>
> 
> <a href="#" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
> ```

Rättar till det lite:

```
<p>
	Hej hej <span id="hiddenword" style="display: none;">jätte</span> hemskt mycket hej.
</p>

<a href="#" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
```

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

## #6 — LeonL, 2003-08-31T09:36Z

Tack för rättningen PepeJeria :bire

r\\ Och dectap förstås :)

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

## #7 — Nexus86, 2003-08-31T09:37Z

Eller med länken till javascript:void(0) istället för # så man slipper hamna högst upp på sidan igen.

```
<p>
Hej hej <span id="hiddenword" style="display: none;">jätte</span> hemskt mycket hej.
</p>
<a href="javascript:void(0)" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här! </a>
```

(OBS: Inget mellanrum mellan "java" och "script:".)

R// Tog dectgap's kod istället.

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

## #8 — Web-Tor, 2003-08-31T09:47Z

Tråden flyttas från HTML-forumet.

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

## #9 — LeonL, 2003-08-31T09:50Z

Nu blev det lite rörigt här... det bästa sättet är alltså:

```
<p>
  Hej hej <span id="hiddenword" style="display: none;">jätte</span>hemskt mycket hej.
</p>

<a href="java script:void(0)" OnClick="document.getElementById('hiddenword').style.display='';">Klicka här!</a>
```

Och det nexus86 menar är nog att det inte ska finnas något mellanrum mellan "java" och "script:".

OT: Varför sätter wF automatiskt ett mellanrum mellan "java" och "script:"? :o

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

## #10 — Nexus86, 2003-08-31T09:53Z

Oj. Satte kolon på fel ställe.. :r

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

## #11 — Nexus86, 2003-08-31T09:55Z

> **LeonL skrev:**
>
> OT: Varför sätter wF automatiskt ett mellanrum mellan "java" och "script:"? :q

<http://www.webforum.nu/showthread.php?s=&forumid=158&threadid=66348> (startad av mig t.o.m. :P)

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

## #12 — LeonL, 2003-08-31T13:07Z

> **Nexus86 skrev:**
>
> > **LeonL skrev:**
> >
> > OT: Varför sätter wF automatiskt ett mellanrum mellan "java" och "script:"? :q
>
> 
> <http://www.webforum.nu/showthread.php?s=&forumid=158&threadid=66348> (startad av mig t.o.m. :P)

Den tråden missade jag! Nu fick man reda på varför det är så :) Tack för hänvisningen.

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

## #13 — GrodanBoll, 2003-08-31T13:20Z

Tackar för alla svar, :bire och sry för felpostningen.  :r 

/Grodan

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

## #14 — LeonL, 2003-08-31T13:28Z

Du postade inte fel alls! ;)

Du visste ju inte att man skulle använda JavaScript, och div-taggen är ju en HTML-tagg ;)

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

## #15 — web00132, 2005-04-04T00:15Z

Hej hej! Jag skulle behöva lite sån här kod. Men jag undrar, i vilka webbläsare funkar denna kod? Jag testade koden på en PC med Explorer 4.0 och det gick inte. Går det att komma runt på nåt sätt kanske?

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/84883-gömma-och-visa-element