Recent Questions Php Ajax Tree Menu
Q: The dropdown menu works perfect locally, but when hosted it doesnt seen to work, im sorry i dont completly understand what you mean when using the other parameters to make it absolute... here is the html files, and the .js files included in a zip file.
A: Now on your website you have the following code:
["Home","C:\Documents and Settings\Josh\Desktop\Josh\Alsek Website\home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
["|Lift Kits","C:/Documents and Settings/Josh/Desktop/Josh/Alsek Website/Pages/LiftKits.html", , , , "iframe", , , , ],
...
On your website you're using paths to the pages situated on a localdisk. It is not right.
You can try to write
["Home","pages/home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],
...
You can also use pathPrefix_link parameter.
var pathPrefix_link = "http://www.domain.com/";
and write
["Home","home.htm", , , , "iframe", , , , ],
["Products","", , , , , , , , ],
["|Lift Kits","pages/LiftKits.html", , , , "iframe", , , , ],
Q: I cannot see subitems of my down menu navigation on the website. Could you help me?
A: Now you have
var smHeight="0px";
It is not correct.
Try to set:
var smHeight="";
Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at
http://dhtml-menu.com/dhtml-tabs/tabs-examples.html.
In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file ?
A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.
See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
Q: Is there any way to call a javascript function on mouseover from a menu item for a sub navigation bar?
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["item text
", "index.html"]
];
