![]() | |
![]() |
| | Thread Tools | Display Modes |
#1
| |||
| |||
|
#2
| |||
| |||
|
|
I've made my first foray into show/hide layers with menus and submenus. I'm almost there, but I could do with a little help to get this finished off. It's fairly straightforward - the site has a simple menu on the left column with 6 links, 3 of which have hidden layers and additional options. I created a base layer which is visible by default, and the other 3 layers appear with the onMouseOver behaviours. However, they only disappear when I mouse over another menu item which has a behaviour attached to it. What I'd like is to have the layer appear when I mouse over a certain menu item, stay visible when I mouseover the new layer, and disappear when the mouse goes somewhere else. (I've made the base layer red for the moment just so it's obvious when it's returned to its normal state.) Would someone be willing to do me a real favour and have a look at this site (www.pcave.plus.com/lrc/test.html) and tell me what I should add? Many thanks in advance. |
#3
| |||
| |||
|
|
What is this? div id="layerbase" style="position:absolute; left:191px; top:280; width:165px; height:410px; z-index:2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000; visibility: visible;"></div And why is it visible? All you need to do is to apply a Show/Hide layer option to the other menu links to hide all the layers onMouseOver. So - mousing over HOME would hide all the submenu layers, mousing over NEWS would hide them all, etc. But using the PVII free extensions might be an even better way - check AutoLayers, and AutoHide.... I've made my first foray into show/hide layers with menus and submenus. I'm almost there, but I could do with a little help to get this finished off. It's fairly straightforward - the site has a simple menu on the left column with 6 links, 3 of which have hidden layers and additional options. I created a base layer which is visible by default, and the other 3 layers appear with the onMouseOver behaviours. However, they only disappear when I mouse over another menu item which has a behaviour attached to it. What I'd like is to have the layer appear when I mouse over a certain menu item, stay visible when I mouseover the new layer, and disappear when the mouse goes somewhere else. (I've made the base layer red for the moment just so it's obvious when it's returned to its normal state.) Would someone be willing to do me a real favour and have a look at this site (www.pcave.plus.com/lrc/test.html) and tell me what I should add? Many thanks in advance. |
#4
| |||
| |||
|
|
Hi Murray, At a point in my life when I wasn't paying close enough attention, I had the idea that I needed a base layer that would, by default, be visible. It came from the 'bring to front' and 'send to back' mentality which I have now purged from my system, along with that particular layer! So, I've set behaviours for the other menu items, along with other sections of the page, so if I mouseover the header section, for example, the submenu disappears. You're right that there's probably a much more elegant way of doing it with the PVII extensions, but I think I'm there now. Many thanks for your willingness to help me out. It goes without saying that it's very much appreciated. What is this? div id="layerbase" style="position:absolute; left:191px; top:280; width:165px; height:410px; z-index:2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000; visibility: visible;"></div And why is it visible? All you need to do is to apply a Show/Hide layer option to the other menu links to hide all the layers onMouseOver. So - mousing over HOME would hide all the submenu layers, mousing over NEWS would hide them all, etc. But using the PVII free extensions might be an even better way - check AutoLayers, and AutoHide.... I've made my first foray into show/hide layers with menus and submenus. I'm almost there, but I could do with a little help to get this finished off. It's fairly straightforward - the site has a simple menu on the left column with 6 links, 3 of which have hidden layers and additional options. I created a base layer which is visible by default, and the other 3 layers appear with the onMouseOver behaviours. However, they only disappear when I mouse over another menu item which has a behaviour attached to it. What I'd like is to have the layer appear when I mouse over a certain menu item, stay visible when I mouseover the new layer, and disappear when the mouse goes somewhere else. (I've made the base layer red for the moment just so it's obvious when it's returned to its normal state.) Would someone be willing to do me a real favour and have a look at this site (www.pcave.plus.com/lrc/test.html) and tell me what I should add? Many thanks in advance. |
![]() |
| Thread Tools | |
| Display Modes | |
| |