Recent Questions
Q: I need a web navigation bar with a transparent background for the menu and the submenues.
A: You can set the following parameters:
var menuBackColor="transparent";
var itemBackColor=["transparent","transparent"];
You can set transparency for submenus using the following parameter:
var transparency="70";
Q: There's no explanation of what to do after creating a dhtml menu example or where to paste the code, which files to upload..
A: 1. Create your menu in Deluxe Tuner.
When you open Deluxe Tuner you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on
the main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.
More info about menu parameters you can find on our site
http://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html
You can also use Individual Styles for items and subitems
http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html
2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Save your data file.
Add several rows into your html page.
<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>
<body>
...
<table>
&tr><td>%lt;script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</tablegt;
...
</body>
You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
into "deluxe-menu.files/" folder. You should place this folder in the
same folder with your index.html page.
Try that.
Q: Is it possible to expand thetree menu javascript in a predefined way?
Lets say, Item 1 expanded, Item 2 not expanded, anyway, it should look like I select it in the ITEMS program window.
Now it is exanded completely or not, like I use the switch in the common parameters.
A: You can expand some items by default.
Add '+' sign before items text in that case:
["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],
"Deluxe Tree: XP Style" item will be expanded by default in that case.
Use var texpanded=1; parameter to expand all menu items by default.
Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.htmlQ: I purchased the full package for the application. Great job!
I have no questions about generating and/or customizing DHTML menues - it's pretty straight forwards.
I am trying to find out how to generate and customize POPUP WINDOWS.
A: To assign popup windows for links on your page do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:
<a href="javascript:;" id="win1">Click Here to see a window</a>
Change parameters of windows in data files, for example popup-window-XP.js.
Open it in any text editor.
2) Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section), for example:
<div style="text-align:center;"><b>Sample content</b></div>
This is a simple HTML code for content. Here you may also set link to content page or ID of some element.
3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
4) For example: open the popup-window-XP.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
...
<body>
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com <script type="text/javascript" src="popup-window-XP.files/dpopupwindow.js"></script>
<script type="text/javascript" src="popup-window-XP.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->
5) Copy 'popup-window-XP.files/' folder and popup-window-XP.js file into the samefolder with your index.html (root folder of your website).