Making Items for Flex Pop Up appear on the left

[jbd123]

1) Script Title: Flex Level Pop Up Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/popupmenu.htm AND http://www.dynamicdrive.com/dynamicindex1/flexdropdown_suppliment.htm

3) Describe problem: I have a client who wants his links on the left hand side of his page to appear to the right of the links. These links are images. He wants all of the menu items to appear directly next to the images, and be aligned with each other.

Here's his page: http://thepottershouseinc.org/test/index.html

As you can see, the menu is doing what it is supposed to do, but I want to make it appear to the right of the image that links. I found the other page that allows you to edit the JS code to make this happen (or so I believe) but I cannot figure it out myself (in all honesty I have no idea where the code goes!).

...Help? :)

[ddadmin]

Just to be clear, you want the pop up menus to always appear to the left of the cursor, versus the current to the right?

[jbd123]

Wow...I"m an idiot. I really meant to the right. I want the menu to appear to the right and stay stationary to whatever image I am scrolling over, vs having the menu appear directly next to whereever the cursor happens to be and following it.

Sorry, I guess I'm dyslexic about my right and my left at times.

Thanks for the reply, hopefully that makes this a little easier. :)

[ddadmin]

There's an alternate version of the script that does that already actually: Flex Level Drop Down Menu (http://dynamicdrive.com/dynamicindex1/flexdropdown.htm).

[jbd123]

I have seen it, but it doesn't work with images, does it? I tried it and couldn't get it to work with my images.

[ddadmin]

I have seen it, but it doesn't work with images, does it? I tried it and couldn't get it to work with my images.

It should. The trick is just to insert the required attributes inside the image of the anchor link, and not the link itself. For example:


<a href="http://www.dynamicdrive.com" ><img src="expand.jpg" style="width:70px;height:17px" data-flexmenu="flexmenu2" data-dir="h" data-offsets="0,0" /></a>

[jbd123]

Thanks so much, I will give it a shot and let you know. :)