Avatar billede RJFreelance Praktikant
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!
Avatar billede roenving Novice
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 !-)
Avatar billede RJFreelance Praktikant
12. marts 2008 - 17:15 #2
Den viser stadig begge divs hele tiden. Men ellers tak, det er jo sådan det burde virke.
Avatar billede roenving Novice
12. marts 2008 - 17:22 #3
Øeh ...

-- er du sikker på, at du har sat style på den anden div ?-)
Avatar billede RJFreelance Praktikant
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>
Avatar billede RJFreelance Praktikant
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
Avatar billede roenving Novice
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 !-)
Avatar billede RJFreelance Praktikant
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.
Avatar billede roenving Novice
12. marts 2008 - 17:38 #8
Velbekomme '-)
Avatar billede roenving Novice
13. marts 2008 - 13:58 #9
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester