webForumDet fria alternativet

Göm länk om ej java?

8 svar · 738 visningar · startad av gabbo

gabboMedlem sedan okt. 200534 inlägg
#1

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

preyMedlem sedan jan. 2002341 inlägg
#2

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

gabboMedlem sedan okt. 200534 inlägg
#3

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 :-)

preyMedlem sedan jan. 2002341 inlägg
#4

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="#"

gabboMedlem sedan okt. 200534 inlägg
#5

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

Jesper TMedlem sedan nov. 20017 144 inlägg
#6

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

preyMedlem sedan jan. 2002341 inlägg
#7

Fick du nån ordning på det?

gabboMedlem sedan okt. 200534 inlägg
#8

Jesper T skrev:

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

Tack, jag skall ändra..

gabboMedlem sedan okt. 200534 inlägg
#9

prey skrev:

Fick du nån ordning på det?

Japp, fungerar bra..

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)