radio button in form fails in Netscape 7.0 [Archive]

mike444

03-03-2003, 12:52 PM

I have a form that works fine in IE but when in netscape 7.0 a radio button labelled "Specified Date" fails to make three text boxes labelled "month", 'day", and "year" appear when clicked. The form also doesn't send in netscape either but I think that's just because I don't have an e-mail account with netscape yet (not sure). Anyway I'm not sure what the compatibility issue is on the radio button...anyone know? I included the form page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>My First Stylesheet</TITLE>
<STYLE TYPE="text/css">

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

function showIt() {
document.Main.quantity.style.visibility="visible";
}
function hideIt() {
document.Main.quantity.style.visibility="hidden";
}

function showIt2() {
document.all.Date.style.visibility="visible";
}
function hideIt2() {
document.all.Date.style.visibility="hidden";
}

</script>
</HEAD>
<BODY BGCOLOR="#000000">
<H1><a href="C:\My Documents\blahblaform.html">SITENAME.COM</a>
<H2>THIS IS THE BLAH BLA PURCHASE PAGE. PLEASE FILL OUT THE FOLLOWING:</H2>
<br>
<form name="Main" method=post action="mailto:trat444@yahoo.com" enctype="text/plain"><H3>YOUR NAME: <input type="text" name="sender name">  YOUR E-MAIL: <input type="text" name="sender e-mail"></H3>
<H3>BLAH BLA RECIPIENT'S NAME: <input type="text" name="recipient's name"></H3>
<H3>BLAH BLA RECIPIENT'S E-MAIL: <input type="text" name="recipient's e-mail"></H3>
<H3>THE AMOUNT OF THE BLH BLA: <input type="text" size="7" name="amount of blah bla"> <span id="t"><t>(any lorum ipsum text)</t></span></H3>
<H3>THE TYPE OF BLAH BLA:</H3>
<H3><input type="radio" name="blah bla type" value="lorumipsum1"> LORUMIPSUM1&nbsp<span id="t"><t>(irrelevent text)</t></H3>
<H3><input type="radio" name="blah bla type" value="lorumipsum2"> LORUMIPSUM2&nbsp<span id="t"><t>(can be lorum ipsum)</t></H3>
<H3><input type="radio" name="blah bla type" value="lorumipsum3"> LORUMIPSUM3&nbsp<span id="t"><t>(more text lorumipsum)</t>
<br><span id="t"><t>          *Long line of irrelavent text. Blah bla yada yada yada yada. Lorumipsum ipsumlorum lorum ipsum yadayadayadayda.</t></span></H3>
<H3>NUMBER OF DAYS:                     SINGLE DAY                  MULTI DAY             MULTI DAY QUANTITY</H3>
<H3>

<span id="m"><m>(LORUM IPSUM)</m></span>                                             <input type="radio" name="number of days" value="single" onclick="hideIt()">
                                 <input type="radio" name="number of days" value="multi" onclick="showIt()">
                                 <input type="text" name="quantity" style="visibility: hidden" size="3">
</H3>
<H4>Another long line of insignificant text. Lorumipsum ipsum lorum lorumipsum. Yada yada yada yada yada yada.<br>   sent to the blah bla recipient as part of the blah or returned to your blah bla account?</H4>
<H3>
<input type="radio" name="balance destination" value="to recipient">Sent to the blah bla recipient.        
<input type="radio" name="balance destination" value="returned to sender">Returned to my blah bla account.
</H3>
<H3>When would you like the blah bla notification sent to the blah bla recipient?</H3>
<H3>
<input type="radio" name="Daterad" value="immediately" onclick="hideIt2()"> IMMEDIATELY</H3>
<H3><input type="radio" name="Daterad" value="specified date" onclick="showIt2()"> SPECIFIED DATE

<div id="Date" style="visibility: hidden">
Month: 
<input type="text" name="month" size="2">    
Day: 
<input type="text" name="day" size="2">
    
Year: 
<input type="text" name="year" size="4"></div>

<H5>
If you would like to include a personal message with the blah bla notification you may type it in the box
<br>  provided below and then click enter. Otherwise you may click enter now.
</H5>
                                                <TEXTAREA NAME="COMMENTS" ROWS=5 COLS=40 WRAP="hard">
</TEXTAREA>
<br><br>
                                                                       <INPUT TYPE="submit" VALUE="ENTER">
<INPUT TYPE="reset" VALUE="RESET"></form></body></html>

khalidali63

03-03-2003, 02:59 PM

There are differences the way an object is referenced between IE and NS,
The code you had did not implemented NS oriented code

I have made the requred changes to JavaScript code.Replace the code with the code snippet below

Cheers

Khalid

<script type="text/javascript">
function showIt() {
var obj = document.getElementById("quantity")
obj.style.visibility="visible";
}
function hideIt() {
var obj = document.getElementById("quantity")
obj.style.visibility="hidden";
}

function showIt2() {
var obj = document.getElementById("Date")
obj.style.visibility="visible";
}
function hideIt2() {
var obj = document.getElementById("Date")
obj.style.visibility="hidden";
}
</script>

mike444

03-03-2003, 03:16 PM

well, that fixed the "Specified date" radio button (Thank you) but now the text box that is supposed to appear when the "Multi Day" radio button is clicked isn't appearing. I checked to make sure the right text input name was in there and it looks okay. Still works fine in IE, though.

khalidali63

03-03-2003, 03:25 PM

oops I thought everything had an id..

these are referenced by form element names..

in the javascript tags replace the first 2 functions with these

function showIt() {
var obj = document.Main.quantity;
obj.style.visibility="visible";
}
function hideIt() {
var obj = document.Main.quantity;
obj.style.visibility="hidden";
}

Cheers

Khalid

mike444

03-04-2003, 04:17 PM

Originally posted by khalidali63
oops I thought everything had an id..

these are referenced by form element names..

in the javascript tags replace the first 2 functions with these

function showIt() {
var obj = document.Main.quantity;
obj.style.visibility="visible";
}
function hideIt() {
var obj = document.Main.quantity;
obj.style.visibility="hidden";
}

Cheers

Khalid

Thanks, Khalid. It's working correctly now. :)