/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Skjul/vis flere elementer
Fra : Klaus Olesen


Dato : 07-12-05 15:19

Hej.

Jeg er ved at test hvorledes jeg kan tænde og slukke for
forskellig tekst. Jeg har dette lille stykke kode, men der sker
ikke noget når jeg vælger hvad jeg vil se.
Er der nogle der lige kan se hvad der er galt?

På forhånd tak!
/Klaus
<html>
<head>
<script language="JavaScript" type="text/javascript">
//skjul og vis tekster//
function VisFra(DivNavn) {
var myDivs = document.getElementsByTagName('div');
for(a=0;a<myDivs.length;a++){
if(myDivs.className == DivNavn){
myDivs.style.display='none'
}
}
}

function VisTil(DivNavn1) {
var myDivs1 = document.getElementsByTagName('div');
for(a=0;a<myDivs1.length;a++){
if(myDivs1.className == DivNavn1){
myDivs1.style.display='block'
}
}
}
</script>

<style type="text/css">
<!--
vis1 {
text-decoration: none;
}
vis2 {
text-decoration: none;
}
-->
</style>
</head>

<body>
<h1>Nyheder:</h1>

<FORM name="visning">
<INPUT type="radio" name="R1" checked onClick="Visalt();">Vis alt
<INPUT type="radio" name="R1" onClick="VisFra('vis1')">Vis ej
overskrifter 1<BR>
<INPUT type="radio" name="R1" onClick="VisFra('vis2')">Vis ej
overskrifter 2<br>
<INPUT type="radio" name="R1" onClick="VisTil('vis1')">Vis
overskrifter 1<BR>
<INPUT type="radio" name="R1" onClick="VisTil('vis2')">Vis
overskrifter 2

</FORM>
<h2>En overskrift</h2>
<div class="vis1" style="display: block">
<P >En tekst</P>
<P >En tekst igen</P>
</div>
<h2>En anden overskrift</h2>
<div class="vis2" style="display: block">
<P>En anden tekst</P>
<P>En anden tekst igen</P>
</div>
</body>
</html>

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Klaus Olesen (07-12-2005)
Kommentar
Fra : Klaus Olesen


Dato : 07-12-05 15:54

Glem det.

Jeg har fundet ud af det. Der mangler [a] i
myDivs.style.display='none' så den kommer til at se således ud
myDivs[a].style.display='none'
/Klaus
Klaus Olesen wrote in dk.edb.internet.webdesign.clientside:
> Hej.
>
> Jeg er ved at test hvorledes jeg kan tænde og slukke for
> forskellig tekst. Jeg har dette lille stykke kode, men der sker
> ikke noget når jeg vælger hvad jeg vil se.
> Er der nogle der lige kan se hvad der er galt?
>
> På forhånd tak!
> /Klaus
> <html>
> <head>
> <script language="JavaScript" type="text/javascript">
> //skjul og vis tekster//
> function VisFra(DivNavn) {
> var myDivs = document.getElementsByTagName('div');
> for(a=0;a<myDivs.length;a++){
> if(myDivs.className == DivNavn){
> myDivs.style.display='none'
> }
> }
> }
>
> function VisTil(DivNavn1) {
> var myDivs1 = document.getElementsByTagName('div');
> for(a=0;a<myDivs1.length;a++){
> if(myDivs1.className == DivNavn1){
> myDivs1.style.display='block'
> }
> }
> }
> </script>
>
> <style type="text/css">
> <!--
&gt; vis1 {
&gt; text-decoration: none;
&gt; }
&gt; vis2 {
&gt; text-decoration: none;
&gt; }
&gt; -->
> </style>
> </head>
>
> <body>
> <h1>Nyheder:</h1>
>
> <FORM name="visning">
> <INPUT type="radio" name="R1" checked onClick="Visalt();">Vis alt
> <INPUT type="radio" name="R1" onClick="VisFra('vis1')">Vis ej
> overskrifter 1<BR>
> <INPUT type="radio" name="R1" onClick="VisFra('vis2')">Vis ej
> overskrifter 2<br>
> <INPUT type="radio" name="R1" onClick="VisTil('vis1')">Vis
> overskrifter 1<BR>
> <INPUT type="radio" name="R1" onClick="VisTil('vis2')">Vis
> overskrifter 2
>
> </FORM>
> <h2>En overskrift</h2>
> <div class="vis1" style="display: block">
> <P >En tekst</P>
> <P >En tekst igen</P>
> </div>
> <h2>En anden overskrift</h2>
> <div class="vis2" style="display: block">
> <P>En anden tekst</P>
> <P>En anden tekst igen</P>
> </div>
> </body>
> </html>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177500
Tips : 31968
Nyheder : 719565
Indlæg : 6408514
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste