Jeg har en web-side med en række overskrifter med tilhørende tekst. Nu vil
jeg gerne give brugerne mulighed for, ved klik på en knap, at vælge om de
vil se begge dele eller kun overskriften.
Det er jo i udgangspunktet let nok: man knytter et ID til hver tekst og
laver en form med en knap som via en JS-funktion ændrer tekstens
display-attribut. Nu er der bare det ved det, at det kun virker, hvis hvert
stykke tekst har sit eget ID som i eksemplet nedenfor.
Og det bliver ret bøvlet når siden udskrives dynamisk med indhold fra en
database, og antallet af overskrifter/tekster hele tiden ændrer sig.
Der må da være en eller anden elegant løsning på det, som jeg bare
fuldstændig har overset
MVH Lars
Eksempel:
<html>
<head>
<script language="JavaScript" type="text/javascript">
//skjul og vis tekster//
function VisFra() {
Visning1.style.display = "none";
Visning2.style.display = "none";
}
function VisTil() {
Visning1.style.display = "block";
Visning2.style.display = "block";
}
</script>
</head>
<body>
<h1>Nyheder:</h1>
<FORM name="visning"><INPUT type="radio" name="R1" checked
onClick="VisTil();">Vis alt<INPUT type="radio" name="R1"
onClick="VisFra();">Vis kun overskrifter<BR></FORM>
<h2>En overskrift</h2>
<P ID="Visning1" style="display: block">En tekst</P>
<h2>En anden overskrift</h2>
<P ID="Visning2" style="display: block">En anden tekst</P>
</body>
</html>