Recent Questions
Q: Do you plan to implement a fix in the cross browser drop down menu for the pointer - many of our users have complained that it is very un-intuitive - surely it must be possible to change the pointer to a hand if there is a link. I have tried putting <a> tags in to the menu labels, but it only changes to a hand if the actual label text is highlighted - it obviously should change whichever part of the box is highlighted? Is there no other workaround?
A: If you set the following parameter:
var itemCursor="pointer";
You'll have the mousepointer being a hand for all itemsin the menu.
Unfortunately, you can't change cursor type for different items.
But you can write so:
["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use <a> tag.
Set this parameter:
var itemCursor="default";
Q: I still do not understand your answer about the simple java menu arrows, which work in preview, but not on the website. The html is correct.
A: You have
var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"];
in your data js, so the arrows must be here
http://domain/ss.files/arrow_sub5.gif
you arrows is here
http://domain/menu/ss.files/arrow_sub5.gif
You can use
var pathPrefix_img="menu/";
or change paths here
var arrowImageMain=["ss.files/arrow_sub5.gif","ss.files/arrow_sub5.gif"]; --> menu/ss.files/arrow_sub5.gif
Q: I'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.
If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.
A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.
var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
var arrowImageMain=["data.files/arrv_white_1.gif",""];
var arrowImageSub=["data.files/arr_white_1.gif",""];
or
var pathPrefix_img="";
var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""]; Q: How can I have the option for the navbar tabs that initiated the action highlighted once the new page is reloaded?
I want to highlight the tab which is done with 'bselectedItem', please tell me about thesub-tab option.
A: See you cannot create subitems in:
var tabMode=0;
it is not correct.
You should set
var tabMode=1;
The following parameters set the pressed items for top items andsubitems:
var bselectedItem=0; //top items
var bselectedSmItem=2; //subitems
where 0,1,2... is the index of the item in bmenuItems.
- delete var bselectedItem=1; and var bselectedSmItem=2; parameters from your data file
- set correct parameters on each page before you call data file, forexample:
<noscript><a href="http://deluxe-tabs.com">Javascript Menu by Deluxe-Tabs.com</a></noscript>
<script type="text/javascript" src="menudir/dtabs.js"></script>
<script type="text/javascript"> var bselectedItem=3;
var bselectedSmItem=5; </script>
...
<script type="text/javascript" src="menudir/data.js"></script>
