Recent Questions
Q: I've begun experimenting with the dhtml rollover menu program and like what I see.
Question, when I have a tree menu on the left and the user clicks a node, I want the resulting HTML page to appear next to the dhtml rollover menu, on the right hand side. How do I reposition the HTML page so it doesn't take up the whole page and cover the menu?
A: You can use frames and open link pages into the content frame, or use Iframe.
Please, set the name for your iframe, for example:
<iframe name ='myFrame' ...
<frame name ='myFrame' ...
And then you must set the following dhtml rollover menu parameter in the data file withyour menu:
var titemTarget="myFrame";
Q: I'am trying the deluxe menu v3.2.3.6 but I don't Know how to do it in order to get the same as you have in your page, I mind how I have to do to add the content in each javascripts menu tab?
A: You should specify any Object ID name of the DIV.
See, for each item you should assign the ID property of the contentDIV (see data file with your javascripts 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. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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: 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: I'm trying to set the frame parameters to frame name body. I have tried seven different text items: body, _body, frame name=body, framename=body, "framename=body", the relative URL, and the exact URL in the titemTarget parameter (common parameters). Nothing seems to work. It always sets the target to a new window. What text do I need to enter for the default parameter to be the body frame target?
Also, is there a way to expand only the menus and not the submenus? There doesn't seem to be a halfway point. Either all the menus are open, or all closed. If I set the default to hidden, it is non-functional. If I set it to expanded, that's not what I'm looking for either.
The menu looks good; other than these two problems it is functioning properly.
A: Please, check the following parameter:
var titemTarget="framename";
You can also set item target for each item
["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
Try that.
> Also, is there a way to expand only the menus and not the submenus?
You want to expand only the main items when you load your page?
If it is so you can set expanded items by default.
If you want to expand specific items by default you should set "+"symbol at the beginning of item text.
["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ], // this item is expanded by default
["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
["|Product Info","", "default.files/icon2_s.gif",
"default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ], // this subitem is not expanded by default