CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

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 Dev Shed Forums Sponsor:
  #1  
Old November 18th, 2003, 06:30 PM
Turbach Turbach is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 3 Turbach User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Making a CSS mouseover layer disappear

Hello,

I am working on my website in Dreamweaver (I can't hand-code anything of much use!). I have seven main menu buttons, and each one, on mouseover, shows a layer containing its particular submenu and hides all others. I've got the layers appearing fine, but say this happens: a user is on the page, and they scroll around and see the various submenu layers appearing and disappearing. Then they decide they don't want to visit any of the submenu links. The problem is, the submenu layer that was last activated is still there on the screen, so the user can't see under it. They only way to get rid of it is to activate another submenu layer.

How can I get it so that the user can click on another part of the page to de-activate the submenu layer and see the rest of the page?

A sample of this is posted at:
URL

(A quick visit here describes my problem way better than my words seem to...)

Any help would be GREATLY appreciated!

Thanks,
Pat

Reply With Quote
  #2  
Old November 18th, 2003, 07:28 PM
Immortal1490 Immortal1490 is offline
syndicatetech.com
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 412 Immortal1490 User rank is Corporal (100 - 500 Reputation Level)Immortal1490 User rank is Corporal (100 - 500 Reputation Level)Immortal1490 User rank is Corporal (100 - 500 Reputation Level)Immortal1490 User rank is Corporal (100 - 500 Reputation Level)  Folding Points: 13762 Folding Title: Novice Folder
Time spent in forums: 3 Days 23 h 37 m 57 sec
Reputation Power: 7
The way I personally would do it, is after the mouseover event, i would use setTimeOut (which you may or may not be familiar with). And have it display for about 15 seconds, then disapear...

or even easier, instead... just use the onmouseout command, and have the layer dissapear after a second or 2 using the setTimeOut command.

And in essence, you could simply do the same thing by putting onclick="runthis()" in your body tag, then the function runthis() can check to see if the layer is visible or not, and if it is, it can hide it that way.

Reply With Quote
  #3  
Old November 18th, 2003, 08:16 PM
Turbach Turbach is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 3 Turbach User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Thanks!

That sounds like something I could actually do in Dreamweaver!

Although the runthis() function sounds more elegant, but, not being a point-and-click solution, I'd need step-by-step instructions to use it. Is it something simple enough that you could describe the copy and paste process, or do I actually have to know what I'm doing?

Thanks for your help though. It's the best help I've had yet.

cheers,
Pat

Reply With Quote
  #4  
Old November 18th, 2003, 08:24 PM
Turbach Turbach is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 3 Turbach User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
OK. I'm in Dreamweaver. And I've got one of my menu buttons selected. How do I get to the setTimeOut command? I can't find it anywhere...
pat

Reply With Quote
  #5  
Old November 18th, 2003, 09:26 PM
Immortal1490 Immortal1490 is offline
syndicatetech.com
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 412 Immortal1490 User rank is Corporal (100 - 500 Reputation Level)Immortal1490 User rank is Corporal (100 - 500 Reputation Level)Immortal1490 User rank is Corporal (100 - 500 Reputation Level)Immortal1490 User rank is Corporal (100 - 500 Reputation Level)  Folding Points: 13762 Folding Title: Novice Folder
Time spent in forums: 3 Days 23 h 37 m 57 sec
Reputation Power: 7
Im not familiar with how dreamweaver works, being that i code everything from scratch. I think that programs like dreamweaver are restricting and inflexible.

To answer your question before, you would have to have a bit of Javascript experience to make this by hand. Ill try to explain it in more detail tommorow.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Making a CSS mouseover layer disappear


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 6 hosted by Hostway