Dölj/visa div med radio-buttons

Du ska inte ha javascript: i onclick. Bort me't.
javascript: är ett protokoll i likhet med http: https: och mailto: och ska därför bara användas i href-attribut.

Sen bör du inte ha en div runt en tr (kan eller skall bara ha <table>, <thead>, <tfoot> eller <tbody> som parent).

Ok, har tagit bort nu, men det fungerar ändå inte. Inget händer...

Jag har även testat med en annan funktion nu efter mitt inlägg, inte heller det ger någon effekt. Det får mig att tro att det är något fel nånstans som gör att jag inte kan dölja divar?

  <script type="text/javascript"> 
  function radioCheck(o) {
	if (o.value == "1") {
      document.getElementById("typ1").style.display = "block";
      document.getElementById("typ0").style.display = "none";
    } else {
      document.getElementById("typ0").style.display = "block";
      document.getElementById("typ1").style.display = "none";
    } 
  }
  </script>

<input type="radio" name="Typ" tabindex="1" value="0" onclick="radioCheck(0)"> Företag<br/>
<input type="radio" name="Typ" tabindex="2" value="1" onclick="radioCheck(1)"> Privatperson

Hmmmm.... men om det nu är olika delar i en tabell som ska döljas/visas?

Du kan ju sätta ett ID på tr (tableRow) och visa eller dölj hela raden.

Det fungerade ju bra!

Tackar!

Fwlet nu är att du skriver o.value men skickar med en siffra. skriv antingen:

onclick="radioCheck(this);"

eller

if (o == "1"){ [kod] osv.
För övrigt, om du någon gång vill använda flera val kan du göra så här:[kod] <script type="text/javascript"> 
  function radioCheck(o) {
    for (var i=0; i<2; i++){
      if (i=o){
        document.getElementById("typ"+i).style.display = "block";
      }else{
        document.getElementById("typ"+i).style.display = "none";
      }
    }
  }
  </script>

2 byter du då ut mot rätt antal. Koden ovan funkar även med bara två element för övrigt.

Sen display: block är kanske inte rätt display typ på en tr-element ;)

Även radioCheck-funktionen fungerar efter modifieringarna. Kan dock inte ha två accepterade lösningar, så skriver det istället.

Fick lägga ett unikt id per tr bara, gäller båda lösningarna. Annars var det bara den första som ändrades.

Det visade sig nu när jag testade att det inte alls fungerar så bra i FireFox. Alla fält hamnar lite här och där i sidled när man klickar på ett av alternativen. Det ser bra ut tills man klickar, även om man klickar på den förvalda...

Det känns som att FF inte hanterar att dölja det korrekt. Innehållet försvinner, men det ser ut som den behåller nå extrakolumner...

Så här ska det se ut och det gör det innan man klickar på "Privatkund" eller "Företagskund" i FireFox.

Så här blir det i FireFox när man klickat på Privatkund. I IE fungerar det bra.

Tips?

voigtann1 skrev:

Sen display: block är kanske inte rätt display typ på en tr-element ;)

Har du ändrat det?

Jag har testat med display: inline, men det blev om möjligt sämre i Firefox. Fungerade dock bra i IE. Finns det något mer?

table-row

http://www.w3schools.com/css/pr_class_display.asp

Det fungerade ju bra i Firefox nu, men inte alls i IE (vilket det också står på sidan).
Så finns det något sätt att kombinera i bägge? :)

Jag har byggt om allt så att jag döljer hela tabeller och visar med display: block istället för att dölja/visa tr-element. Inte lika kul, men det fungerar.