Recent Questions
Q: When I create a tab which has no sub-items, there is a white line drawn under the whole top javascript tabbed menu bar.
How do I avoid this?
A: Each menu item should have subitems (in the TabMode).
If you don't want to have subitems for some items you can add onesubitem and delete Item Text.
["Item 2","", "", "", "", "", "", "", "", ],
["|","", "", "", "", "", "0", "", "", ],
Q: We are in the stage of design, we have a requirement to have the right click drop down menu fly out from right to left.
A: The following parameter controls the ways of showing submenus:
From left to right:
var subMenuAlign="left";
var subMenuVAlign="top";
From left to right + upwards:
var subMenuAlign="left";
var subMenuVAlign="bottom";
From right to left:
var subMenuAlign="right";
var subMenuVAlign="top";
From right to left + upwards:
var subMenuAlign="right";
var subMenuVAlign="bottom";
You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html
Q: Using data-visa-5.js
Trying to get the menu to start collapsed rather than fully expanded.
Thought it was the var texpanded=0 setting but doesn't seem to have any effect.
A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:
["+ Home","index.php","","","Home","","","1",""],
["+ Current Weather","","","","Current Weather","","","1",""],
["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+ WeatherForum","/forum/index.php","","","Home","","","1",""],
["+ Weather Cams","","","","Weather Cams","","","1",""],
["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+ Weather Maps","","","","Weather Maps","","","1",""],
Delete + signs from your items:
[" Home","index.php","","","Home","","","1",""],
[" Current Weather","","","","Current Weather","","","1",""],
["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
[" WeatherForum","/forum/index.php","","","Home","","","1",""],
[" Weather Cams","","","","Weather Cams","","","1",""],
["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
[" Weather Maps","","","","Weather Maps","","","1",""],
Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:
<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>
The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!
A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600> </tr>
</table>
Please, set exact value for var menuWidth parameter, for example:
var menuWidth = "600px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
var absolutePos = 0;