close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Adding onmouseout delay to CSS Menu Writer menus

Thread began 8/09/2010 3:01 pm by jdrost412559 | Last modified 1/16/2012 5:33 pm by Ray Borduin | 3322 views | 9 replies |

jdrost412559

Adding onmouseout delay to CSS Menu Writer menus

I have begun implementing a CSS Menu that was created in CSS Menu Writer. It has 3 levels, since it needs to to represent all of our departments and cover all the bases. The problem is that when you mouse off the menu, it immediately disappears. When you're trying to get to a "level 3" menu, it really is pretty difficult not to "trip" off of the menu. So I'm wondering: does anyone know some fairly simple Javascript to add to this that would provide a few millisecond delay before the menu disappears?
(By the way, I know HTML and CSS but have done very little Javascript programming, other than copying a line here and there. And another detail: I'm pretty sure we're on our own here; I don't think there's any way for me to pay someone to do this for us.)
Thanks for any advice anyone has

Jack

Sign in to reply to this post

Jason ByrnesWebAssist

No, there is no javascript to create the delay. this issue arises if there is a gap between the menu levels, the gap is usually created by a top or bottom margin setting.


Send a link where I can investigate the problem to find the cause.

Sign in to reply to this post

jdrost412559

There is no gap between the menu levels. The site is functional as it is; it's just not as easy to use as I would like, since if you accidentally mouse 1 pixel too far, you're off the menu and it disappears. I've seen other sites where if you mouse off of the menu item briefly, it doesn't immediately disappear; I'm wondering if we can implement something similar here.
The site I'm working on is this:
ww2.hendersoncountync.org/

Jack

Sign in to reply to this post

Jason ByrnesWebAssist

no, CSS Menu writer does not the option of implementing a delay. this is not a supported feature of the tool.

Sign in to reply to this post

jdrost412559

Thanks for the information.

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

Sign in to reply to this post

bill3786

Jason, your reply to the question of a delay in menu writer was back in Oct 10, is this still the case for the current version.

I would like to introduce a delay because you have to be very quick with the mouse pointer for the menu to work every time.

If the extension can't do this is there another way to introduce a delay through dreamweaver or extra coding?

Sign in to reply to this post

Ray BorduinWebAssist

There is no way to easily add a delay, since it uses pure CSS and not javascript for the mouseover effects. If you are finding the menus are disappearing that can often be fixed by using padding instead of margins. Do you have a url I can look at with the menu causing you problems? I might be able to offer suggestions on how to improve it.

Sign in to reply to this post

bill3786

Hi Ray

The site is not live yet so cant give you a url. The menus all work fine on a local testing server and dont disappear at all, just wanted to add a small delay to improve usability.

You say "there is no way to easily add a delay", I'm curious what other options can be used.

Sign in to reply to this post

Ray BorduinWebAssist

You could look into jquery or mootools effects and see if you could implement a delay using javascript.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...