Recent Questions Ui Tree Js Examples CodeQ: I got the tabs menu to work!
Can you tell me which file(s) I must change to change the content of each tab
Very many thanks for your help.
A: For each tab you can set content <div> (contentName,contentDescription, contentVariations).
var bmenuItems =
You can find these divs in the tabs-style-glass.html file. You shouldpaste the content of your tabs in these divs.
A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:
<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>
In the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.
Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.
Or you want to open a popup onMouseover, onClick or onMouseout on a link.
So, you should create a link (you can also use other object) on your page and set id="" for it, for example:
In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link
If you want to show the popup when your page loads you should leave these fields empty:
Q: When I open my site in Internet Explorer 6.0 the main drop menu code shows up nicely but the drop-down sub-menus are separated. The drop menu code work very nicely in a Firefox browser but not in IE.
A: There are some problems also with your css.The problem is that the drop menu code can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="position:relative;"
So, you'll have:
<DIV id=right style="POSITION: relative;">
Q: You will see I got the first level looking amazing.. this is exactly what I wanted. The interesting thing I figured out was not to use the item border.. this was messing things up. You may notice that when each item highlights.. there is a 1px white line at the separators.. but this is not produced with the item border, but rather from the separator itself which I made in two 1 pixel lines, one blue, on white.. this created that effect.
So now my only problem left is to figure out how to bring this look into the submenus. I was thinking it would be nice to use the separators in the same way throughout the submenus. There does not however seem to be a way to do this. When I tried inserting a separator into a submenu.. nothing happened... I am probably doing this wrong.
Can you please show me how to create the same look I have in the first level in the submenus.. this would be helpful.
I must say, this menu is finally starting to look the way I originally envisioned it. I am very happy. =o)
Thank you so much for all the help you have given me.
A: To add separators in submenus you should write it so:
["|-",] //first level submenus
["||-",] //second level submenus
and so on.