Recent Questions
Q: I can't get the hand pointer to work with my dhtml menu scripts in firefox and IE. I know that firefox requires the itemCursor to be set to pointer, but it doesn't work for all links in my menus. I believe that this worked in past version of deluxe-menu, but stopped working somewhere along the way. To recreate this, create a horizontal menu, and set the pressedItem to be one of the menu items and set the itemCursor to be "pointer". Then, you'll see that the pressed item's pointer is the finger icon, but the other menu items are just the arrow. Is there something I'm doing wrong or a setting that will fix this?
A: No, the reason is not in the pressed item.
See when you set:
var itemCursor="pointer";
your cursor will be a hand for the items with url only. For the itemswithout url it will be default arrow.
Q: Now it works fine in Firefox and mostly in IE.... Only problem... In IE...
When the page with dhtml tab menu first loads ... It does not load the content of the first DIV....
It's fine in Firefox...now IE just does not load the first div... I've tried added a JS function to set to visible the first DIV onLoad...but that does not work either...
Is there anyway to hard-code in ...to set the first DIV to visible?
A: I've just checked your website. Your dhtml tab menu work correctly.
You should check that you use correct value of
var bselectedItem=1;
parameter.
That is mean that second item in menuItems array will be highlighted.
["-","", "", "", "", "", "", "", "", ], //0
["About","content1", "", "", "", "", "", "", "", ], //1
["FAQs","content2", "", "", "", "", "", "", "", ], //2
["Before & Afters","content3", "", "", "", "", "", "", "", ], //3
["Pre/Post Care","content4", "", "", "", "", "", "", "", ], //4
["Special Offers","javascript:location.href = '../specials/index.htm'", "", "", "", "", "", "", "", ], //5
Now you have also:
<script type="text/javascript" src="data-deluxe-tabs.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="500">
<tr>
<td align=center valign=top>
<table cellpadding="0" cellspacing="0" border="0" width=500 height=250 align=center>
<tr>
<td valign=top height=1>
<script type="text/javascript" src="../scripts/templates/tabs-opera.js"></script>
</td>
</tr>
I think that it is not correct. You should write:
<table cellpadding="0" cellspacing="0" border="0" width="500">
<tr>
<td align=center valign=top>
<table cellpadding="0" cellspacing="0" border="0" width=500 height=250 align=center>
<tr>
<td valign=top height=1>
<script type="text/javascript" src="data-deluxe-tabs.js"></script>
</td>
</tr>
Q: Is there an option for word wrap or do I have to create my javascript menu button if I want to have a 2-line menu item?
A: To wrap your text you can use the following javascript menu button parameter:
var tnoWrap=0;
you can also use standard <br> tags.
["|Home aaaa aaaaaa aaaaaa<br>aaa aaaaaaaaaaa","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.
var itemStyles = [
["itemWidth=92px"
A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.