Javascriptproblem; getElementById

PetterS · 2007-09-03, 14:56

Tja

Sitter och grejjer med javascript och har stött på ett simpelt problem som jag inte lyckas komma runt.

Såhär ser koden ut:

Kod:

<script>
function visa(var1, var2, var3, var4) {
document.getElementById(var1).style.display='block';
document.getElementById(var2).style.display='none';
document.getElementById(var3).style.display='none';
document.getElementById(var4).style.display='none';
}
</script>
<body>
 <a href="#" onClick="visa('nr1', 'nr2', 'nr3', 'nr4');"> #1 </A>
<div id=nr1>Text...</div>
<div id=nr2>Text...</div>
<div id=nr3>Text...</div>
<div id=nr4>Text...</div>

Detta script har jag i en meny, men blir förbaskat bökigt när man börjar komma upp i 10 alternativ. Jag vill istället göra så att jag endast laddar in den jag vill visa, och de andra döljs automatiskt. Borde ju funka med nått i stil med

Kod:

document.getElementById('nr1').style.display='none';
document.getElementById('nr2').style.display='none';
document.getElementById('nr3').style.display='none';
document.getElementById('nr4').style.display='none';

document.getElementById(var1).style.display='block';

Får det dock inte att fungera:/ känns som att man måste definiera variablerna först, men är för dålig på javascript för att lista ut hur

Tacksam för hjälp!

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Javascriptproblem; getElementById