Recent Questions Code Javascript Css Expanding Tree
Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.
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 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">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
Q: How do you change the back ground color of the menu?
menuBackColor just changes the pull down background.
I'm stuck with a blue background which i guess is the default.
I've looked at the parameters page for info, tried a few different items but none worked for changing the background.
I'm sure its something very obvious, but any help would be appreciated.
A: Please, don't forget to change also item background colors:
var itemBackColor = ["color", "color"];
Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the onmouseover popup from the page loaded within the iframe? Something like "parent.document.getElementById('windowid').hide();". Any help would be appreciated.
A: You can close the onmouseover popup using the following function:document.getElementById('win').hide();
Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.
When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.
There is a workaround.
Use text as content type and add the following code inside popup:
<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>
Your link will work in that case.
Q: I have a client that wants a menu bar with all the buttons the same length.
What code might I need to do that
A: You should use individual item styles (you can create it in Deluxe Tuner application). For example:
var itemStyles = [
["itemWidth=110px"], // 0 - number of the style
var menuItems = [
["Home","testlink.html", , , , , "0", , , ], // 0 - style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // 0 - style 0
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
.........
