AJAX

JavaScript Newbie - problem with style="display:" toggle

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Nov 2008

Posts: 4

Reputation: Yipyo is an unknown quantity at this point

Solved Threads: 0

Yipyo

Offline

Newbie Poster

JavaScript Newbie - problem with style="display:" toggle

Dec 1st, 2008

I've got a simple function that that toggles the display of certain form fields. When I refresh the page, or post back, the display.value goes back to the original state. I don't know how to keep it on the selected state for refreshes and post backs. Please help. It's driving me crazy!

The javascript function:

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
function check_suspension()
{
	q = document.getElementById('suspension_0').checked;
	if (q)
	{
		document.getElementById('spdate').style.display='';
	}
	else
	{
		document.getElementById('spdate').style.display='none';
	}
}
function check_suspension()
{
	q = document.getElementById('suspension_0').checked;
	if (q)
	{
		document.getElementById('spdate').style.display='';
	}
	else
	{
		document.getElementById('spdate').style.display='none';
	}
}

The html code:

<tr class="row_even2">
<td class="td_left_small" style="width:177px;">
Suspension within 5 years?
</td>
<td style="text-align:left;padding-left:10px;">
<input id="suspension_0" name="Suspension" onchange="check_suspension();" type="radio" value="1"/>
<span style="cursor: default;">Yes</span>
<input id="suspension_1" name="Suspension" onchange="check_suspension();" type="radio" value="0"/>
<span style="cursor: default;">No</span>
</td>
</tr>
<tr class="row_even2" id="spdate" style="display: none;">
<td class="td_left_small" style="width:177px;">
Date of the suspension:
</td>
<td style="text-align:left;padding-left:10px;">
<input maxlength="2" name="SuspensionMonth" size="24" style="width: 20px" type="text" value=""/> / 
<input maxlength="2" name="SuspensionDay" size="24" style="width: 20px" type="text" value=""/> / 
<input maxlength="4" name="SuspensionYear" size="24" style="width: 40px" type="text" value=""/>
</td>
</tr>