Recent Questions
Q: I am currently testing the DHTML Tabs product, and I am trying to find ways of replicating how it is being done in your website at
http://dhtml-menu.com/dhtml-tabs/tabs-examples.html.
In your website, when I click on a Tab, the content relevant to that tab appears. I understand that the site is using "div id= " method to control. However, my question is how can I code the DIV to appear in the JS file ?
A: I advise you to try our new Javascript menu -- Deluxe Tabs,
http://deluxe-tabs.com.
This is a newer version of DHTML Tabs. It works better.
See, for each item you should assign the ID property of the contentDIV (see data file with your 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.
<div id="contentName" 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 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: Is it possible that when a main button on the home page is clicked and the viewer goes to the subpage, that the navbar will expand to the correct subpage submenu? For example, I click on Agent and when the subpage loads the submenu is expanded under Agent.
I've been trying to get the javascript hide menu bar to stay highlightedwhen clicked on and directed to that page. For example when clickedon Agent, then Agent Home, once that page loads the whole javascript hide menu bar for Agent Home stays highlighted in orange. I haven't been successful, any suggestions?
A: Tree Menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API.
You can find more info on our website:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html
Q: I made a css tab menu on this website and I noticed that I need to click two time to get the link.
It doesn't work if I click only one time. Could you help me to fixe that ?
A: You should set correct selected item:
var bselectedItem=2; //0,1,2...
Set also:
var tabMode=0;
var bselectedSmItem=0;
In that case you should write your links in the following way:
["Hem","link:index.php?p=1_10", "", "", "", "", "", "", "", ],
["Om oss","link:index.php?p=1_11", "", "", "", "", "", "", "", ],
["Kontakt","link:index.php?p=1_12", "", "", "", "", "", "", "", ],
Q: How ever there is still one major issue that need to be solved before we open to site to the public and occurs when the form used by the 2020 Datashed application to search an item (page listing.asp) is used together with the Delux dropdown menu.
When the Delux dropdown menu display their data, it is possible to 'see' the information of the 2020 search form through it. The over all effect is some kind of transparency in the page that is not acceptable.
In the attached snapshot is an image of the web page that shows the effect that we want to avoid.
This effect only happens on the head area of the 2020 search form that I have marked with a red rectangle. The main body of the form, marked in blue, does not have this transparent effect.
I wonder if it is possible eliminate the transparency in javascript menu systems changing the adequate css file that is used in the red area, using the same css code that is applied in the blue area.
My solicitude for help is about this issue, could you advice about this matter and pinpoint the css file and instruction than can make this change, or there is another way to make the same result?
A: Try to set the following parameter:
var transparency="100";