| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
i have a problem with my display:none property on my code
i have my radiobuttons Code:
<INPUT type=radio name="qDeliveryType" value="p" onmouseover="javascript:this.style.cursor='hand'" onclick="delivery.style.display=none">Pick Up Item <INPUT type=radio name="qDeliveryType" value="d" CHECKED onmouseover="javascript:this.style.cursor='hand'" onclick="delivery.style.display=normal">For Delivery and i have my table Code:
<table id=delivery style="display:none"> <tr> <td><input type="text">... <input type="text"> ... <input type="text"></td> </tr> </table> my prob is that... when the page loads... my textbox does not display... thats ok... when i press my "For Delivery" radiobutton... my textbox display. BUT when i press the "Pick Up Item... it does not hide my textboxes. Help Please!!!!!!!!!! |
|
#2
|
||||
|
||||
|
Because "normal" isn't a valid value for the CSS "display" property.
Besides, 'tis better to specify classes rather than manually override styles in ECMAScript. You want: "display: inline;" or "display: block;" depending on how you want it to appear. Note that there is a difference between visibility: none;, display: none; and opacity: none;. |
|
#3
|
|||
|
|||
|
1337_d00d is right.
You're also not referring to your delivery table correctly. Instead of just calling it "delivery" in your JScript, you need to refer to it as document.getElementById("delivery") . |
![]() |
| Viewing: ASP Free Forums > Web Design > Web Layout > display:none CSS question |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|