problem with XWD menu in place holder

[George59]

Hi!
I am using XWD 5.01 and trying to resolve a problem with a menu bar (navigation bar) that I created with XWD and calling out to it from a place holder of a web page that was also created with XWD.

Basically the problem is that when you hover your mouse pointer AWAY from any menu button, the button stays highlighted i.e. the "mouseover" image gets stuck.

Here is the URL link to the htm file of the menu bar itself where you can see, that it's working fine by itself:
http://www.pumi.org/geza/test/orbitmenu/menu.htm

and here is the URL link to the htm file that simulates a place holder in a webpage using iframe:
http://www.pumi.org/geza/test/orbitmenu/menutest.htm

You can see, that the highlight gets stuck on the last button you hovered over once you moved the mouse away.

Apparently a menu bar that was designed with XWD doesn't like iframe for some reason and this is why it doesn't work in my own homepage either.

Can someone suggest me a working way of embedding this menu into a XWD placeholder?

George

[Egg Bramhill]

I'd suggest it's because within the iframe that there's no room for the mouse off to occur George. if you consider it, the whole placeholder acts as a mouse over are, triggering all the buttons but the problem is how does the system know it's moused off? It just moves straight from a mouse over region into a region outside the iframe. You could expand the iframe by 10 pixels all around say so this will act as a mouse off trigger.

[steve.ledger]

Welcome to the forums.

The reason for this is that when you move the mouse away from the iframe version is because you actualy haven't.
What I mean is, the mouseover trigger is still active for the menutest.htm inside the iframe. When you move you mouse away the curser is returning to the menu.htm parent.

Why do you want the menu in an iframe anyway?
You could just use the repeat on all pages command.

EDIT: Egg was quicker at correcting typos than I was

[George59]

Egg:
Thank you for explaining why the web page couldn't detect the mouse hovering away from the buttons, it makes perfect sense.

I gave a little breathing space for the content of the iframe but I wasn't able to manage to get the menu bar to the middle of it (vertically), as a result the highlight color of the button still gets stuck if you hover over the buttons from "North". From the "South" it works fine now.

http://www.pumi.org/geza/test/orbitmenu/menutest.htm

I tried to fix the problem by adding some "padding="2px"" string to the iframe expression but it didn't make any difference either because the syntax was wrong or padding is not part of iframe commands.

Do you have any idea how can I fix this problem?

Sledger:
Answering your questions - I am trying to create a website where I can modify the menu bar independent from the main website for the sole purpose of not to have the need to do it more than once for the whole website.
To be honest, I have not experimented with the "repeat" command yet, but while I was looking for solution to my current problems on this forum I bumped into a posting where someone said about the repeat command that if you change or delete something in the code the repeat feature will not work always. So, I am not sure if the substance of that particular post would have any effect on my menu system, I just continued working on this problem.

George

[steve.ledger]

If your host space supports PHP, you could add the menu via a PHP include.

Simply rename the menu.htm to menu.php then use the include code below in your placeholder.

<?php include("menu.php"); ?>

When you export your site, rename the index.htm to index.php

[George59]

Sledger, thanks for the php-solution, the menu itself works but the problem is the same, the mouseover-image gets stuck once you hover away from any menu button, here is the URL link:
http://www.pumi.org/geza/test/orbitmenu/

Is there any code that I could add to the placeholder besides this single line "<?php include("menu.php"); ?>" that would create a little "mouseoff" space below and above the menu bar?

I did an interesting test where I replaced the XWD menu bar with another one (it doesn't use any java script) and this menu bar works fine, mouseover image goes off no matter where you leave the button towards the top or the bottom, here is the link:
http://www.pumi.org/geza/test/external-menu/404.htm

of course the menu bar is smaller than the place holder, but in this example it is sitting in the left upper corner of the place holder but the mouseover image still goes off as it supposed to, and I am using iframe in this example. I am clueless.

George

[steve.ledger]

The PHP method should have worked fine? Weird?

George I see that the example links you posted in your opening posts (post#1 and post#4) are now dead.
This makes it difficult for members to follow the thread when they visit for the first time and is why it's always best to attach an example to your post at TG whenever possible..

[George59]

Sledger, you're right I should've left them alone but I recreated them.

George

[George59]

I solved the problem by modifying the menu bar that you could see here: http://www.pumi.org/geza/test/external-menu/404.htm to one that I actually need for my homepage by recreating the buttons from screenshot: http://www.pumi.org/geza/test/external-menu/405.htm

I used the following iframe code for the place holder:

<iframe src="http://www.pumi.org/geza/test/external-menu/bluebuttons-orbit/index.php" width="996" height="29" frameborder="0" scrolling="no" marginheight="0px" marginwidth="0px">

If you're interested in the menu bar code itself
I attached them to this message.

This is a menu bar that doesn't use java script,
it has an external menu file, external style (css)
file.

George