Google Chrome does not render WS4 Menus

[ty_buchanan]

I don't believe Chrome will do anything about WM4 incompatibility.

I got around this problem on my website by using transparency gifs and rollovers.

See the result: http://www.tysaustralia.com

Put the cursor over "Vacation Australia" to see the submenu items.

Try it in IE then Chrome. You see the differerence.

In Chrome the submenu is shown when the cursor is on "Vacation Australia" but it it actually disappears when you move it away. But if you move the cursor under the main menu item it shows the submenu items in transparency and rollover gif format, which works ok. These rollovers are not seen when viewed in IE.

[ty_buchanan]

I have discovered that chrome has taken notice and my WM4 menu/submenu does now work on my website: http://www.tysaustralia.com

You will have to make a change in the "mynavnewindex.js" file to make the submenus line up with the main menu item, as follows:


from this,

startSubmenu("mynavnew_b4","mynavnew_menu",98);
submenuItem("Sunshine Coast","javascript:;","","mynavnew_plain");
submenuItem("Gold Coast","javascript:;","","mynavnew_plain");
endSubmenu("mynavnew_b4");

loc="";

to this,

startSubmenu("mynavnew_b4","mynavnew_menu",1);
submenuItem("Sunshine Coast","javascript:;","","mynavnew_plain");
submenuItem("Gold Coast","javascript:;","","mynavnew_plain");
endSubmenu("mynavnew_b4");

loc="";

Note the change from "98" to "1".

Good luck with your webmastering.

[ty_buchanan]

This is your solution:

Your mynavnew.js file, or whatever you will name it must look like this,

//©Xara Ltd
if(typeof(loc)=="undefined"||loc==""){var loc="";if(document.body&&document.body.innerHTML){ var tt=document.body.innerHTML;var ml=tt.match(/["']([^'"]*)mynavnew.js["']/i);if(ml && ml.length > 1) loc=ml[1];}}

var bd=0
document.write("<style type=\"text/css\">");

document.write("\n<!--\n");
var tr="filter:alpha(opacity=99);-moz-opacity:0.99;";if(IE5) tr="";

if(SAF)
document.write(".mynavnew_menu {z-index:999;border-color:#000000;border-style:solid;border-width:"+bd+"px 0px "+bd+"px 0px;background-color:#807d5e;position:fixed;left:0px;top:0px;visi bility:hidden;}");
else
document.write(".mynavnew_menu {z-index:999;border-color:#000000;border-style:solid;border-width:"+bd+"px 0px "+bd+"px 0px;background-color:#807d5e;position:absolute;left:0px;top:0px;v isibility:hidden;}");

document.write(".mynavnew_plain, a.mynavnew_plain:link, a.mynavnew_plain:visited{text-align:left;background-color:#807d5e;color:#ffffff;text-decoration:none;border-color:#000000;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:2px 0px 2px 0px;cursor:hand;display:block;font-size:8pt;font-family:Arial, Helvetica, sans-serif;}");

document.write("a.mynavnew_plain:hover, a.mynavnew_plain:active{background-color:#c5b899;color:#000000;text-decoration:none;border-color:#000000;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:2px 0px 2px 0px;cursor:hand;display:block;font-size:8pt;font-family:Arial, Helvetica, sans-serif;}");

document.write("\n-->\n");

document.write("</style>");

var fc=0x000000;
var bc=0xc5b899;
if(typeof(frames)=="undefined"){var frames=0;}

startMainMenu("",0,0,2,0,0)
mainMenuItem("mynavnew_b1",".gif",15,37,"index.htm l","","Home",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b2",".gif",15,102,"adventur eaustralia.html","","Adventure Australia",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b3",".gif",15,77,"australia nhistoriography.html","","Historiography",2,2,"myn avnew_plain");
mainMenuItem("mynavnew_b4",".gif",15,94,"australia nculture.html","","Australian Culture",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b5",".gif",15,95,"vacationa ustralia.html","","Vacation Australia",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b6",".gif",15,63,"australia nrealestate.html","","Real Estate",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b7",".gif",15,62,"australia na.html","","Australiana",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b8",".gif",15,91,"animalsau stralia.html","","Animals Australia",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b9",".gif",15,64,"australia ntechnology.html","","Technology",2,2,"mynavnew_pl ain");
mainMenuItem("mynavnew_b10",".gif",15,109,"funnyph otos.html","","Funny Animal Photos",2,2,"mynavnew_plain");
mainMenuItem("mynavnew_b11",".gif",15,50,"visitaga in.html","","See yah!",2,2,"mynavnew_plain");
endMainMenu("",0,0);

startSubmenu("mynavnew_b5","mynavnew_menu",95);
submenuItem("Sunshine Coast","http://tysaustralia.com/sunshinecoastqueensland.html","","mynavnew_plain") ;
submenuItem("Gold Coast","goldcoastqueensland.html","","mynavnew_pla in");
endSubmenu("mynavnew_b5");

startSubmenu("mynavnew_b3","mynavnew_menu",111);
submenuItem("Gold Rush Tasmania","goldrushtasmania.html","","mynavnew_pla in");
endSubmenu("mynavnew_b3");

startSubmenu("mynavnew_b1","mynavnew_menu",54);
submenuItem("Blogspot","blogspot/index.html","","mynavnew_plain");
endSubmenu("mynavnew_b1");

loc="";

When you have created your WS4 menu save it to a new folder you create anywhere on your computer.

Open the "aaaaaaa.js" file with Notepad and change the file accordingly, as above.

Save the file back into the same folder (be careful, sometimes Notepad will add ".txt" to the end of ".js". If this happens just rename the file and remove ".txt" leaving "aaaaaaa.js").

Now upload the "aaaaaaa.js" file, the "xaramenu.js" file and all the gif files into the main folder of your website.

Load the gif files also into the "image" folder of your website to make sure you cover all of the addresses you have made with WS4.

You will now find your menu will work correctly in any browser.

Yours,
Ty