Chris__T
Posts: 339
|
Posted: 04/01/2009, 10:19 AM |
|
I started a new page and was trying to hide some panels so when the page initially loads, the two panels are hidden. I've done this before several times, but this time I can't figure out what's going on.
I've got my two panels, with <div> code in the html portion
<!-- BEGIN Panel Panel_Sign --><div id="Panel_Sign"><strong>SIGN</strong> <br>
<input id="code_enforcement1Panel_SignSign_Quantity_Removied" maxlength="10" size="10" value="{Sign_Quantity_Removied}"
name="{Sign_Quantity_Removied_Name}"><br>
<select id="code_enforcement1Panel_SignSign_Type" name="{Sign_Type_Name}">
<option value="" selected>Select Value</option>
{Sign_Type_Options}
</select>
<br>
<select id="code_enforcement1Panel_SignSign_Violation_Type" name="{Sign_Violation_Type_Name}">
<option value="" selected>Select Value</option>
{Sign_Violation_Type_Options}
</select>
<!-- END Panel Panel_Sign --></div>
Similar for other panel. Then in the html I put this code to hide them:
var panel;
panel = document.getElementByID('Panel_Sign');
panel.style.display = 'none';
panel = document.getElementByID('Panel_Complaint');
panel.style.display = 'none';
But they still show up visible. I looked over my other pages that I hide panels on, and I can't figure out why those work and this one doesn't.
|