Recent Questions
Q: Both arrow types are visible when my intranet first loads and when I select a top item that is a direct link to a page.
But, as soon as I select any item from a list of sub items that includes subitems with arrows,
the arrow images disappear from vertical menu until I refresh the site.
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters.
Q: I cannot see the arrow.gif's in my rollover drop down menu.
Here is my code:
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowWidthSub=0;
var arrowHeightSub=0;
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
Do I need to put the arrow's somewhere else?
A: You should check the following parameter:
var pathPrefix_img="data-samples/images/";
Please check that you have the correct path to your aroows relative to the folder withindex.html file.
For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html
In menu.js file you should write:
var pathPrefix_img="menudir/";
var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];
or
var pathPrefix_img="";
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
Q: Well I figured all of that out but now I have a new problem.The content of the textarea tabs is not displaying in IE.
A: See, it is not correctly to use submenus in tabMode=0.
Now you have:
var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["|Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];
var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["|Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
Try to write your bmenuItems in the following way:
var bmenuItems = [
["Why Choose Frictionsweb?","content1", "", "", "", "Why choose Frictionsweb Premium Internet Services?", "", "", "", ],
["Our Services","content2", "", "", "", "We handle your project from the ground up!", "", "", "", ],
];
var bmenuItems = [
["Specials","content3", "", "", "", "Great Deals from Frictionsweb!", "", "", "", ],
["Our Services","content4", "", "", "", "We handle your project from the ground up!", "", "", "", ],
["-","", "", "", "", "", "", "", "", ],
];
Q: I have generated my navigation menu bar and want to incorporate it into my current website.
How do I resize and position the navigational menu inside a table?
A: 1) Resize:
You could specify exact width for menu using that parameter:
var menuWidth="400px";
You can also set exact width for each top item using Individual Item Styles:
var itemStyles = [ ["itemWidth=120px"],];
var menuItems = [ ["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];
2) Position the navigational menu inside a table:
You can paste the menu inside the <div> or <table> tag, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>