Web Layout
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   ASP Free ForumsWeb DesignWeb Layout

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old April 6th, 2005, 10:56 PM
kornflakes kornflakes is offline
Registered User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Oct 2004
Posts: 2 kornflakes User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 7 m 10 sec
Reputation Power: 0
Unhappy display:none CSS question

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!!!!!!!!!!

Reply With Quote
  #2  
Old April 7th, 2005, 05:17 AM
Phoenix's Avatar
Phoenix Phoenix is offline
Web-Standards Evangelist
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Nov 2003
Posts: 1,522 Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 4 Days 23 h 48 m 4 sec
Reputation Power: 8
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;.

Reply With Quote
  #3  
Old April 20th, 2005, 01:36 AM
ADAMWebDesign ADAMWebDesign is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Apr 2005
Location: Toronto, Ontario, Canada
Posts: 117 ADAMWebDesign User rank is Private First Class (20 - 50 Reputation Level)ADAMWebDesign User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 12 h 16 m 18 sec
Reputation Power: 4
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") .

Reply With Quote
Reply

Viewing: ASP Free ForumsWeb DesignWeb Layout > display:none CSS question


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT