WebDEV 12 Menus

I am using Create Menu from WebDEV 12 and creating in a template. The final menu seems awfully jerky and unpredictable. What are my other options for a menu that just works well? There are a bunch of CSS menu generators out there, can I utilize these?

Thanks

Hi Jim,

Have you figured out?
I had the same problem, but I'm with hands on other issues.
Now I have a Menu on a page template without images, Free Style and a simple css style.
But there is a problem with IE7:
I have the Menu inside a Cell 1 (on top) and the content of the page (not the template) starts with another Cell 2, but when I click on the Menu it is shown behind the Cell 2.
With FireFox I can see the Menu in front of Cell 2.

This is why I'm trying to change Zorder (ZindexHtml) via programming. Doy you have any idea?

Hi Friedman


the z-order of a cell can be changed quite easily in javascript code... I'm personaly using the following function to change the index of Cells:

<CODE>
function JSSetzIndex(spar_Alias, ipar_Level)
{
eval("dww" + spar_Alias).style.zIndex = ipar_Level;
}
</CODE>

This works both in IE and Firefox

Best regards

Thank you Fabrice, the I is the key.
I'm using JSProperty("dww"+CELL_C1..Alias+".style","zIndex") = "numbervalue"

There is a strange behaviour, the alias of cell containing the menu changes from M2 in the template to M66 in the page that uses the template, and zIndex of this cell is 123, so it should be displayed in front of all.

What can I do?

Regards

Hi Friedman...

Force the zindex of your background cell to 200 and the zindex of your forward one (with the menu) to 500 and see what happens

Best regards

Hi,

The same behaviour. This is the generated HTML:
table width=100% id=M2 bgcolor=#FFFFFF
tr
td height=31 bgcolor=#FFFFFF valign=top
div style="position:relative;"
DIV id="dwwM6" STYLE="position:absolute;left:4;top:8;width:447;height:15;z-index:123;"

So Cell M2 is a table and M6 the alias of the Menu, next Cell html:

DIV id="dwwA14" STYLE="position:absolute;left:0;top:75;width:516;height:408;z-index:1;"
table id=A14 bgcolor=#FFFFFF style="border-collapse:separate;" cellspacing=0




Edited 1 time(s). Last edit at 01/14/2009 05:03PM by Friedman.

Hi again...

considering that this code is the one generated on the server, ie WAY before you do force the zindexes, it is normal that this code doesn't change...

Where do you call the zindex method and what is your code?

Never got a response. If you have implemented CSS menus in WebDev, please let me know what the steps are.

Hi Fabrice,
The code is without force zIndex is the default code where you can see div's menu M6-> zIndex=123 and zIndex = 1 of the fisrt Cell A14(stackable=yes), I force it on WL Load of Page(where can use JSProperty) and changes are ok, but as you sure know you can't have the code via View Source I can see DOM values that confirm the change is ok. Anyway, I show you the default code because the difference between zIndex is enough to display correctly (in FireFox is ok) and the problem must be on other issue. ¿Don't you think it?.
Regards

Hi Jim,

My Menu is quite simple.
Click Menu Description, Style, Select FreeStyle, uncheck Local, click Edit.
In the Reports area:
click Normal, define the Font in text tab, and a color for background
click Over, define a new color for the background.
That's all.
At this moment is enough for me , I have a lot of issues to resolve.
My fisrt attempt was the same as you try but with the same "awfully jerky and unpredictable" behaviour so I forgot it to advance in my development.

Only it's important to me to make it visible in IE , I hope to figured out with the invaluable help of Fabrice.

Regards

Hi Friedman...

I'm not interested in the page html code but in YOUR code, ie the one you typed in the webdev editor, in order to see if by any chance there was a mistake in it...

Best regards

Ok , quite simple:
on WL Load of Page (browser)
JSProperty("dwwA14.style","zIndex") = "200"
JSProperty("dwwM6.style","zIndex") = "500"
Regards

Could you try with calling MY code instead (this one is working for
sure, and I haven't translated it in JSProperty)

Regards

Fabrice

Friedman wrote:
> Ok , quite simple:
> on WL Load of Page (browser)
> JSProperty("dwwA14.style","zIndex") = "200"
> JSProperty("dwwM6.style","zIndex") = "500"
> Regards
>
Message forwarded from pcsoft.us.windev

It's the same result of my JSProperty(it's well translated & works with other cells).
I have added HTML After & before with a div, the html:
DIV id="dwwM6" STYLE="position:absolute;left:4;top:8;width:447;height:15;z-index:124;">
div id="menu" STYLE="z-index:600;"><table id="M6" class="WDOngletMain">
Doesn't work, more time to figured out!

Regards



Edited 2 time(s). Last edit at 01/16/2009 09:28AM by Friedman.