Recent Questions Html Tree Menus Tutorial
Q: For any reason dropdown menu in javascript know shows incorrect accented characters.
A: You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.2.7.
You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode.
Enter these symbols and save your data file.
If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.
You can also replace your letters with special sets, for example
É - Capital E, acute accent - E
ç - Small c, cedilla - c
var menuItems = [
["É....","testlink.html", "", "", "", "", "", "", "", ],
["ç....","testlink.html", "", "", "", "", "", "", "", ],
Q: I would like to add the javascript API to a link contained in my website that will have the corresponding item in the deluxe-tree menu act as if it was "clicked".
Presumably I need to add the script (for example) <A HREF="http://deluxe-menu.com/features-info.html" TARGET="_self" "..javascriptHere ..">. Can you give me an example please of what code goes into there.
I presume I use dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion) but where do I get the ????Ind data from and make the javascript call in the above link.
A copy of a working example together with where to get the data , perhaps on your own web pages, would help.
A: Javascript/DHTML Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:
function dtreet_ext_setPressedItem (menuInd, itemID)
<script type="text/javascript">
var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}
</script>
You should define selitem using server side script.
Q: You have a great, and very intuitive and easy to learn, product.
I'm down to two dumb questions:
A. What controls the little red arrows? I'd like them on every one of the navigators.
B. How do I create equal space between the drop down menu items? It looks weird right now.
A: 1) If your top item has a submenu this arrow will appear automatically.
For the items without submenus you may write:
["Home <img src='skin_data.files/arrowmain11.gif'>","index.html", "", "", "", "_self", "", "", "", "", "", ],
["About Us <img src='skin_data.files/arrowmain11.gif'>","about_us.html", "", "", "", "_self", "", "", "", "", "", ],
You can find arrowmain11.gif image in the attached example.
Actually you can add any html code inside item's text.
2) Set the drop down menu padding:
var itemPadding="3px 15px 3px 3px";
Q: Can I have the pop-out menus in the floating navigation bar go left instead of right.
A: You should use the following parameter (Deluxe Tuner->Positioning):
var subMenuAlign="left";