vis indhold ved checked radiobuttons virker ikke i firefox?

i øvrigt er koden bygget op således.:

<span id="radioknapper">
                <input type="radio" name="afdeling" value="1" onClick="VisSkjul(this);" <? if($row["afdeling"] == 1) { echo ' checked="checked"'; } ?>>Ungdom<br />
                <input type="radio" name="afdeling" value="2" onClick="VisSkjul(this);" <? if($row["afdeling"] == 2) { echo ' checked="checked"'; } ?>>Turnering<br />
                <input type="radio" name="afdeling" value="3" onClick="VisSkjul(this);" <? if($row["afdeling"] == 3) { echo ' checked="checked"'; } ?>>Motion<br />
            </span>
            <span id="span1" style="display: <? if($row["afdeling"] == 1) { echo '';} else { echo 'none'; } ?>;"></span>
            <span id="span2" style="display: <? if($row["afdeling"] == 2) { echo '';} else { echo 'none'; } ?>;">Du er i øjeblikket registreret som Turneringsspiller</span>
            <span id="span3" style="display: <? if($row["afdeling"] == 3) { echo '';} else { echo 'none'; } ?>;">Du er i øjeblikket registreret som Motionist</span>

Den er vel gal her:

if (list[i].tagName == 'INPUT')

Hvis FireFox fortolker tagName som "input", dvs. med små bogstaver, er du på den.

Brug i stedet:

if (list[i].tagName.toLowerCase() == 'input')

Og din kode kan blive lidt kortere:

<script language="javascript" type="text/javascript">
function VisSkjul(o){
  var list=document.getElementById("radioknapper").childNodes;
  for(var i=j=0;i<=list.length-1;i++){
    if(list[i].tagName.toLowerCase()=="input"){
      j++;
      document.getElementById("span"+j).style.display=(felt.value==j?"block":"none");
    }
  }
}
</script>

Bemærk også, at jeg her bruger childNodes i stedet for children. Mener at children kun virker i IE.

<ole>

var oOpenSpan = null;
function VisSkjul(felt) {
    if (oOpenSpan) oOpenSpan.style.display = "none";
    oOpenSpan = document.getElementById("span" + felt.value);
    oOpenSpan.style.display = "block";
}

/mvh
</bole>

oleboles eksempel virker.. w13, ved dit sker der intet :)

men kan oleboles udvides således at den laver display:none på alle andre når man laver block på den ene? for i første omgang sætter jeg jo én til at være block når siden loades, og det virker først når jeg har trykket 2 steder at den første forsvinder..

window.onload = function(){
    oOpenSpan = document.getElementById("denDerErValgtsID");
}

- eller undlad at sætte noget til 'display:block' og skriv så:

window.onload = function(){
    VisSkjul( {value:1} ); // Vis 'span1'
}

-zonic->> Nej, nu kan jeg også se på Oleboles svar, at jeg misforstod lidt. :)

kan jeg lave en window.onload midt på min side? :)

sagen er jo den, at jeg bruger includes med header og footer, så jeg har jo ikke mit body tag på den side jeg sidder og koder?

Du kan sagtens lave en onload midt på siden ligesom i Oles eksempel 03/05-2008 21:48:10

Kommet videre?

smid et svar, så får I point...kan ikke engang huske hvad projektet gik ud på mere :)

Hvis jeg har hjulpet med noget, kommer her et svar. =)

Tak for point! ;)