Hello,

I'm a novice with JS. I have a form that is broken down into four parts. I use a small amount of script to move from one part of the form to the next. It works fine in Safari and IE, but won't work in Firefox. When you click on the "Part Two" button, it doesn't switch out the divs.

The JS that governs this switch is:


<script type="text/javascript" language="javascript">

function setVisibility(id, visibility) {
document.all[id].style.display = visibility;
}

</script>

The CSS in the div tags to make them hidden are just display: none;


The button at the bottom of the page:


<input value="Part Two" type="button" onClick="setVisibility('formOne', 'none');setVisibility('formTwo', 'inline');">

If anyone has any ideas, please let me know. Your help is greatly appreciated. The link is below.

http://www.drawninwardmedia.com/nurs..._full_app.html

Use document.getElementById(id) instead of document.all[id].
And change onClick to onclick, just in case.

That works. Thanks a bunch.

I noticed one more thing. at the last step of this form, you have to choose one of two forms to fill out. When the data is sent via email, both of the last parts of the form is sent. One would be filled out and the other blank. Is there any script I can use to say if this hidden div is blank, exclude it from being sent?

Just check the value of each in the POST, and disregard the empty one?