HTML Help

itunes66 · Joined: 09 Mar 2005 Posts: 184

message posted at 6:30 pm

i included the form so you can help me better

Code:
<font size="24">Contact Us</font>
<br>
welcome
<br>
<form action="../contact.php" method="post" name="contact">
Fullname: <input type="text" name="fullname">
<br>
Email: <input type="text" name="email">
<br>
Select your type of contact:
<br>
<select name="method" onchange="options-contact()">
<option name="feedback">feedback</option>
<option name="reportuser">report-a-user</option>
<option name="ideasuggestion">idea/suggestion</option>
<option name="errors">error problems</option>
</select>
<br>
<p id="userreportsection" style="display:none">
your username: <input type="text" name="report-your-user-name">
<br>
username to report: <input type="text" name="report-username">
<br>
what user did:
<br>
<textarea name="report-what-user-did">
</textarea>
</p>
<p id="ideasection" style="display:none">
your username: <input type="text" name="idea-suggestion-username">
<br>
idea/suggestion:
<br>
<textarea name="idea-suggestion">
</textarea>
</p>
<p id="feedbacksection" style="display:none">
your username: <input type="text" name="feedback-username">
<br>
feedback:
<br>
<textarea name="feedback">
</textarea>
</p>
<p id="errorsection" style="display:none">
your username: <input type="text" name="error-username">
<br>
what is the error:
<br>
<textarea name="error-error">
</textarea>
do you think this error is serious:
<br>
<input type="radio" value=yes name="error-serious"> yes
<br>
<input type="radio" value=no name="error-serious"> no

</p>
<br>
<input type="submit">
</form>

<script>
function options-contact(){
in_option=contact.method.options[contact.method.selectedIndex].value
if (in_option==feedback)
{
document.getElementById('feedbacksection').style.display='block';document.getElementById('errorsection').style.display='none';document.getElementById('ideasection').style.display='none';document.getElementById('userreportsection').style.display='none';
}

if (in_option==reportuser)
{
document.getElementById('feedbacksection').style.display='none';document.getElementById('errorsection').style.display='none';document.getElementById('ideasection').style.display='none';document.getElementById('userreportsection').style.display='block';
}
if (in_option==ideasuggestion)
{
document.getElementById('feedbacksection').style.display='none';document.getElementById('errorsection').style.display='none';document.getElementById('ideasection').style.display='block';document.getElementById('userreportsection').style.display='none';
}

if (in_option==errors)
{
document.getElementById('feedbacksection').style.display='none';document.getElementById('errorsection').style.display='block';document.getElementById('ideasection').style.display='none';document.getElementById('userreportsection').style.display='none';
}
}
</script>

degsy · Joined: 23 Feb 2005 Posts: 2440 Location: North East, UK

You have many errors.

You should start off small rather than posting a long form and trying to figure out what you have done wrong.

<select name="method" onchange="optionContact()">
<option value="choose" selected="selected">Choose option</option>
<option value="feedback">feedback</option>

function optionContact(){

if (in_option=='choose')
{
alert('Please choose an option')
}

if (in_option=='feedback')

You should be able to work out the changes made.

itunes66 · Joined: 09 Mar 2005 Posts: 184

it works!!!!!!!