Recent Questions
Q: I am trying to use your Deluxe-Tabs, to use on our wwebsite, and to be honest, I am not much of a developer. So please forgive me for my naпve question(s). I have been trying to get 'Content' in to the tabbed dhtml menu build, and I cannot find how that is done.
Do you have an example with all the files (html too!) that shows a simple tabbed dhtml menu build with content for each Tab that I can look at to see how it is done.
I thought I was going to be able to generate the TABs, and point them to the HTML files I want them to use, and each time I selected a tab, that page would be displayed. That does not appear to be what is happening.
Your help would be greatly appreciated.
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 dhtml menu build 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: Could you please help me with another question?
I am using your regular dhtml menu inside an asp page.
I want to make a call to different javascripts with parameters from different menu items (Which should work fine.. )
I have now been trying to do this by using the alert() java metod....
This line works perfect:
["|Test A","javascript:alert('Test');", "", "", "", "", "0", "-1", "", ],
But if I try to write the same line within ASP brachets ( <% %> ) the menu does not show up:
<%
response.Write( " ['|Test A','javascript:alert('Test');', '', '', '', '', '0', '-1', '', ], " )
%>>
I have also found that if I remove the parameter inside the javascript like this:
<%
response.Write( " ['|Test A','javascript:alert();', '', '', '', '', '0', '-1', '', ], " )
%>>
the menu will show up and the script will work but since I can not insert any parameter it is pointless..
How can I achieve this?
I really hope you can help me with this one!
A: Try to write your code in the following way:
<%
response.Write( " ['|Test A','javascript:alert(\'Test\');', '', '', '', '', '0', '-1', '', ], " )
%>
Q: I'm struggling with one last issue on my navigation. When you have a screen resolution about the same size as the site width, when a sub menu pops up, It displays sometimes to the left of the first drop down menu list rather than the left. Is there a way of changing the way this displays if the screen size is smaller than 800px wide or so.
A: If there is no enough room on the right side of your browser windowdrop down menu list submenus will be shown on the left side.
Q: I have images that I want to use for the top level of the menu. How do I create a menu using images that were created in a different program? I tried to look in the frequently asked questions but IcouldnТt find anything that told me how. Thank you in advance for your help.
A: You can use any image for the top items.
You can set
var itemBackImage=["",""];
Or, create Individual style
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];
The new method of making image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]