webForumDet fria alternativet

visa och gömma text med javascript

JavaScript

5 svar · 430 visningar · startad av calson

Medlem sedan dec. 2003487 inlägg
Frågan#1

Hej

Jag håller på att lära mig lite mer om javascript.
Jag har lyckats gömma/visa text i en div men nu vill jag använda den till fler ställen av sidan med samma javascript. Jag kan inte riktigt komma på hur jag ska göra:

<a href="javascript:menuNav('test,visible');">Visa</a> |
<a href="javascript:menuNav('test,hidden');">Göm</a><br>

<br>

<div id="test">Hej alla glada</div>
function menuNav(namn,vad)
 { document.getElementById('+namn+').style.visibility=+vad+; }

Tack på förhand

Medlem sedan maj 200010 687 inlägg
#2

Du är på rätt väg, men har gjort några småmissar.

function menuNav(namn, vad)
{
	document.getElementById(namn).style.visibility = vad;
}

<a href="javascript:menuNav('test', 'visible');">Visa</a> |
<a href="javascript:menuNav('test', 'hidden');">Göm</a><br>

<br>

<div id="test">Hej alla glada</div>
Medlem sedan dec. 2003487 inlägg
#3

Tack :)

Medlem sedan dec. 2003487 inlägg
#4

En till fråga angående detta. Hur gör man en div hidden från start?

Medlem sedan dec. 2003487 inlägg
#5

eller kan jag använda något annat än div för att få det hidden från början?

Medlem sedan dec. 2003487 inlägg
#6

testa lite och fick <div style="visibility:hidden"> att funka :)

258 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)