---
title: "Göm länk om ej java?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/144882-göm-länk-om-ej-java"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "gabbo"
published: "2006-04-01T12:57:48.000Z"
updated: "2006-04-04T18:54:30.000Z"
replies: 8
views: 740
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/144882-göm-länk-om-ej-java"
---

# Göm länk om ej java?

## #1 — gabbo, 2006-04-01T12:57Z

Hur gör jag för att gömma typ:

\<a href="javascript:void(0);" id="close1" onClick="visibleBox('1')"\>Öppna\</a\>
\<a href="javascript:void(0);" id="open1" style="display: none;" onClick="visibleBox('1')"\>Stäng\</a\>

om java inte är aktiverat i browsen?

/g

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

## #2 — prey, 2006-04-01T13:23Z

Göm de per default med CSS, och ändra sen (element).style = "visible" med javascript.

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

## #3 — gabbo, 2006-04-01T14:08Z

> **prey skrev:**
>
> Göm de per default med CSS, och ändra sen (element).style = "visible" med javascript.

Du får gärna förklara lite mer utförligt :-)

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

## #4 — prey, 2006-04-02T05:08Z

I \<head\>:

```
<head>
<style type="text/css">
.hidden {visibility: hidden; display: none;}
.visible {visibility: visible; display: inline;}
</style>
<script type="text/javascript">
  window.onload = function loader() {
    myFunction();
  };
</script>
<script type="text/javascript" src="minfil.js"></script>
</head>
```

I minfil.js:

```
function myFuntion(){
  document.getElementById('open1').onclick = function() {
    alert('nu klickade du på open1');
    document.getElementById('open1').style = "hidden";
    document.getElementById('close1').style = "visible";
  }
}
```

och motsv. för close1. Det borde fungera (du får anpassa lite)

Ta även bort "javascript:void(0);"  och ersätt med href="#"

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

## #5 — gabbo, 2006-04-03T17:46Z

> **prey skrev:**
>
> I \<head\>:
>
>
> ```
> <head>
> <style type="text/css">
> .hidden {visibility: hidden; display: none;}
> .visible {visibility: visible; display: inline;}
> </style>
> <script type="text/javascript">
>   window.onload = function loader() {
>     myFunction();
>   };
> </script>
> <script type="text/javascript" src="minfil.js"></script>
> </head>
> ```
>
> 
> 
> I minfil.js:
>
>
> ```
> function myFuntion(){
>   document.getElementById('open1').onclick = function() {
>     alert('nu klickade du på open1');
>     document.getElementById('open1').style = "hidden";
>     document.getElementById('close1').style = "visible";
>   }
> }
> ```
>
> 
> 
> och motsv. för close1. Det borde fungera (du får anpassa lite)
> 
> Ta även bort "javascript:void(0);"  och ersätt med href="#"

Tack för svaret, jag skall testa, varför href="#" i länken, vad är skillnaden?

/g

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

## #6 — Jesper T, 2006-04-03T18:22Z

Eller varför inte:
\<a href="javascript:visibleBox('1');" id="close1"\>Öppna\</a\>

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

## #7 — prey, 2006-04-04T18:48Z

Fick du nån ordning på det?

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

## #8 — gabbo, 2006-04-04T18:53Z

> **Jesper T skrev:**
>
> Eller varför inte:
> \<a href="javascript:visibleBox('1');" id="close1"\>Öppna\</a\>

Tack, jag skall ändra..

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

## #9 — gabbo, 2006-04-04T18:54Z

> **prey skrev:**
>
> Fick du nån ordning på det?

Japp, fungerar bra..

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/144882-göm-länk-om-ej-java
