Any Javascript whizzes out there ?

Rob Holmes

Free Member

Business Listing

Mar 23, 2005

3,600

23

Kent

theivybridgecollection.com

Dec 6, 2005

#1

• Dec 6, 2005

• Original Poster
• #1

Hi - we're just putting in a drop down menu system and have got stuck on the javascript.

The menus open ok but when we add the mouseout script we can't scroll down the menus because when the mouse goes down it detects it's out of the original area.

Anyone a whizz at javascript? - I'm sure it's something small we're missing!

The url is http://www.matrixxhosting.com/dd2.html

This is the mouseout code we've used (not in there atm)

Code:

<dd id="smenu1"  onmouseover="javascript&#58;montre&#40;'smenu1'&#41;;"  onmouseout="javascript&#58;montre&#40;''&#41;;">

Cheers,

Rob

 

•••

More options

Share

S

Stephen

Free Member

Feb 24, 2004

176

0

UK

Dec 6, 2005

#2

• Dec 6, 2005

• #2

I think it's something to do with the way your list is setup rather than anything specifically wrong with the javascript, as the menu only disappears when moving between items. (If you can get the mouse to the second/third items without the browser noticing, the list doesn't disappear.)

You do have a couple of missing </LI> tags on the first two list items, but putting them in hasn't helped yet!

Will keep playing...

 

•••

More options

Share

Upvote 0

S

Stephen

Free Member

Feb 24, 2004

176

0

UK

Dec 6, 2005

#3

• Dec 6, 2005

• #3

This any use to you?

http://tutorials.alsacreations.com/deroulant/

 

•••

More options

Share

Upvote 0

Rob Holmes

Free Member

Business Listing

Mar 23, 2005

3,600

23

Kent

theivybridgecollection.com

Dec 6, 2005

#4

• Dec 6, 2005

• Original Poster
• #4

Stephen said:

This any use to you?

http://tutorials.alsacreations.com/deroulant/

Click to expand...

Hi Stephen - Thanks - hmm I have the same problem with their example here: http://tutorials.alsacreations.com/deroulant/menu-horizontal.htm

One of the menus always sticks open <frown>

Rob

 

•••

More options

Share

Upvote 0

R

Richard Conyard

Free Member

Jul 2, 2005

630

1

Maidstone

Dec 6, 2005

#5

• Dec 6, 2005

• #5

http://www.htmldog.com/articles/suckerfish/dropdowns/

Not fixing your problem Rob - but you could do worse than use this tutorial and do it via CSS behaviours (a little JS is needed for IE that doesn't support them well).

 

•••

More options

Share

Upvote 0

Rob Holmes

Free Member

Business Listing

Mar 23, 2005

3,600

23

Kent

theivybridgecollection.com

Dec 6, 2005

#6

• Dec 6, 2005

• Original Poster
• #6

Hi Richard,

Thanks - this maybe the next step

Rob

 

•••

More options

Share

Upvote 0

S

Stephen

Free Member

Feb 24, 2004

176

0

UK

Dec 6, 2005

#7

• Dec 6, 2005

• #7

Rob,
Does their other example work for you?

http://tutorials.alsacreations.com/deroulant/cssmenu4.htm

I notice that overlaps. I tried playing around with your borders (without any joy though), as it only seems to disappear on your page when going over a specific item's boundary. I think that's where you're problem is.

Cheers,
Steve

 

•••

More options

Share

Upvote 0

K

kyber

Dec 6, 2005

#8

• Dec 6, 2005

• #8

I tend to use Project 7 menus. They cost but I think that they are worth the money.

Here is a horizontal example:
http://www.projectseven.com/products/menusystems/pmm/demos/horizontal.htm

Stuart

 

•••

More options

Share

Upvote 0

Rob Holmes

Free Member

Business Listing

Mar 23, 2005

3,600

23

Kent

theivybridgecollection.com

Dec 6, 2005

#9

• Dec 6, 2005

• Original Poster
• #9

Hi Steve - yes the second example works fine!

I suspect this too - when I get to the bottom of it I'll let you know!

In the meantime (to save time) we're going to look at Richards suggestion.

Pain though - I'm sure it's something simple

Rob

 

•••

More options

Share

Upvote 0

F

fastfences

Dec 6, 2005

#10

• Dec 6, 2005

• #10

Hi Rob,
PM JoyDivision. I think he's good on that stuff! :wink:

cheers, Nigel

 

•••

More options

Share

Upvote 0