Javascript not working in Safari

[buddyrich2]

I have some javascript that changes some html based on some radio button choices. Works great in IE, but in Safari doesn't work; in fact none of the rest of the form after that is displayed.

Here is the code:

<script type="text/javascript">
	function SetHTML1(type) {
		document.getElementById("a1").style.display = "none"
		document.getElementById("b1").style.display = "none"
                                
		// Using style.display="block" instead of style.display="" leaves a carriage return
		document.getElementById(type).style.display = ""
	}
</script>

<INPUT TYPE="RADIO" NAME="insurance_yn" VALUE="Y" CHECKED onClick="SetHTML1('a1')">Yes&nbsp;<INPUT TYPE="RADIO" NAME="insurance_yn" VALUE ="N" onClick="SetHTML1('b1')">No</td></tr></table>

<span id="a1" style="">Blah blah blah</span>

<span id="b1" style="display:none">blah blah option 2</span>

Can anyone help me? Thanks in advance!

 

[feherke]

Hi

Guessing does not help. Read about [tt]display[/tt].

document.getElementById(type).style.display = "[red]inline[/red]"

Feherke.

http://rootshell.be/~feherke/

 

[buddyrich2]

I included "Inline" now but still does not work in Safari. Could it be something else?

Thanks.

 

[BillyRayPreachersSon]

Do your HTML and CSS validate correctly? If not, try fixing those errors and then posting a URL to a complete page.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[grtammi]

I took your posted code, and completed the start of the table like so:

<script type="text/javascript">
    function SetHTML1(type) {
        document.getElementById("a1").style.display = "none" 
        document.getElementById("b1").style.display = "none" 
                                
        document.getElementById(type).style.display = "" 
    }
</script>

<table><tr><td>
<INPUT TYPE="RADIO" NAME="insurance_yn" VALUE="Y" CHECKED onClick="SetHTML1('a1')">Yes&nbsp;<INPUT TYPE="RADIO" NAME="insurance_yn" VALUE ="N" onClick="SetHTML1('b1')">No</td></tr></table>

<span id="a1" style="">Blah blah blah</span>

<span id="b1" style="display:none">blah blah option 2</span>

and I have no problems with the value changing in Safari 3.1.2 on the Mac ...

Is this your whole code or did you just cut/paste certain parts? If the latter is the case, you're better off posting the whole code snippet instead of parts of it.

Greg