12. marts 2008 - 17:01
Der er
8 kommentarer og 1 løsning
Klik på radio button ændrer felter
Hejsa. Jeg vil lave 2 divs, det ene indeholder en type form felter og det andet nogle andre. Jeg vil så have 2 radio buttons hvor at når den ene aktiveres vises det ene div og det andet skjules og omvendt. Det ene div skal være vist som standard, altså den ene radio knap skal være aktiveret. Håber i forstår. På forhånd tak!
Annonceindlæg tema
Forsvar & beredskab
Cybersikkerhed, realtidsdata og robuste it-systemer er blevet fundamentet for moderne forsvar.
12. marts 2008 - 17:10
#1
F.eks. Normal: <input type="radio" name="minRadio" onclick="show(1);" checked="checked"><br> Speciel: <input type="radio" name="minRadio" onclick="show(2);"><br> <div id="formFelter1"> <!-- de første felter --> </div> <div id="formFelter2" style="display:none;"> <!-- de andre felter --> </div> <script type="text/javascript"> var oldField = null; function show(num){ oldField.display = "none"; oldField = document.getElementById("formFelter" + num).style; oldField.display = "block"; } window.onload = function(){ oldField = document.getElementById("formFelter1").style; } </script> -- og den kan så i øvrigt bruges til et vilkårligt antal valgmuligheder ... -- absolut utestet !-)
12. marts 2008 - 17:15
#2
Den viser stadig begge divs hele tiden. Men ellers tak, det er jo sådan det burde virke.
12. marts 2008 - 17:22
#3
Øeh ... -- er du sikker på, at du har sat style på den anden div ?-)
12. marts 2008 - 17:24
#4
<div id="ekstern" style="display:none;"> <td>Side <input name="link" type="text"> </td></div> Det er det div der som standard skal være skjult, og ja jeg har ændret så det burde virke: <script type="text/javascript"> var oldField = null; function show(num){ oldField.display = "none"; oldField = document.getElementById(num).style; oldField.display = "block"; } window.onload = function(){ oldField = document.getElementById("intern").style; } </script>
12. marts 2008 - 17:30
#5
Og nu har jeg kopieret dit direkte over i, og det virker stadig ikke, men indsætter jeg kun dit script, så virker det. Hmmm
12. marts 2008 - 17:33
#6
Du kan ikke have en div rundt om en td ... -- og så skal der vist også arbejdes lidt med id'erne, prøv at vise et link !-)
12. marts 2008 - 17:35
#7
Det var det med <td>'en der gjorde det. Vidste ikke at man ikke kunne smide en td ind i et div. Kan godt mærke javascript ikke er min stærke side. men mange tak, nu virker det perfekt. Smid et svar.
12. marts 2008 - 17:38
#8
Velbekomme '-)
13. marts 2008 - 13:58
#9
-- og tak for point ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling