Recent Questions
Q: How can I make top items different colors in the dhtml pop up menu?
A: You should create 6 Individual Styles and assign them to you topitems.
var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];
["Find out Who we are","http://www.yoursite.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.yoursite.org/info.html", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5
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;
Q: I have tested and tested but can't find out how I can add the following, as a link in drop down navigation bar. Can you please help?
http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780"
A: You should add <a> tag into the text field in that case:
["<a href="http://domain.no/secure/modules/tutorials/cpanel-x3/cpanel-x3-addon.swf" rel="shadowbox;height=450;width=780">test</a>","",""]
But you should specify a styles for this link also.
Q: What I would like to see is the ability to have a base site navigation menu with all the definitional entries (size, locations, icons, etc.) defined but all the menuitems be called from an Ajax file.
A: You cannot use ajax submenus for the top items.
But you can use several .js file, for example:
params.js //file with all menu parameters (size, locations, icons, etc.)
all code before
var menuItems = [
...
];
dm_init();
data_ajax1.js //data files for ajax submenus
data_ajax2.js
data_ajax3.js
...
main_data.js - data file with the following code:
var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();
You can also place this code into your html page directly (in the place where you want tohave a menu):
<script type="text/javascript">
var menuItems = [
["Item 1","", "", "", "", "", "0", "0", "data_ajax1.js", "", "", ],
["Item 2","", "", "", "", "", "0", "0", "data_ajax2.js", "", "", ],
["Item 3","", "", "", "", "", "0", "0", "data_ajax3.js", "", "", ],
["Item 4","", "", "", "", "", "0", "0", "data_ajax4.js", "", "", ],
];
dm_init();