Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: Keeping mouseover effects when submenu is selected
michaelvallotton
Junior Member

Posts: 2
Registered: 2/26/2007
Member Is Offline
posted on 2/26/2007 at 04:54 AM Reply With Quote
Keeping mouseover effects when submenu is selected


I hope this post is ok. If it isn't, please just delete it and accept my apologies.

I wanted to keep the mouseover effect on the parent menu item when navigating to the submenu. For example, I have some grey buttons which change to red when selected. The submenus are also red. The behavior I disliked was that when I selected an item in the submenu, the main menu item went back to the normal grey.

I modified the menu.js script as shown below so that the mouseover effect would "stick" on the parent menu item if a submenu item is selected.

Code:

function menu_onmouseover (id) {
this.active_item = this.items[id];
clearTimeout(this.hide_timer);
var curr_item, visib;
for (var i = 0; i < this.items.length; i++) {
curr_item = this.items;
visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
if (visib)
{
if(curr_item == this.active_item)
{
curr_item.switch_style('onmouseover');
}
else if(curr_item.arrpath != this.active_item.arrpath.toString().charAt(0))
{
curr_item.switch_style('onmouseout');
}
}
curr_item.visibility(visib);
}
}


Michael Vallotton
Co-founder JAMWare Solutions
www.jamware.net
View User's Profile View All Posts By User U2U Member
tigra
Administrator

Posts: 2049
Registered: 6/17/2002
Location: US, CO
Member Is Offline
posted on 2/26/2007 at 04:56 AM Reply With Quote

As always user contributions like yours are encouraged and greatly appreciated.
View User's Profile View All Posts By User U2U Member
michaelvallotton
Junior Member

Posts: 2
Registered: 2/26/2007
Member Is Offline
posted on 2/26/2007 at 02:05 PM Reply With Quote

Ok, great. I hope someone finds this useful.

I love this menu control . . .

Michael Vallotton
JAMWare Solutions
www.jamware.net
View User's Profile View All Posts By User U2U Member
satanistlav
Newbie

Posts: 1
Registered: 7/19/2007
Location: Moscow
Member Is Offline
posted on 7/19/2007 at 09:33 AM Reply With Quote

Don't know for which version was your post but it did not work for me!
For the Version: 2.1 modification bellow worked well for me
Code:

function menu_onmouseout (n_id) {

// lookup new item's object
var o_item = this.a_index[n_id];

// apply rollout
// start of modification
o_activeitem = o_item;
while(o_activeitem.n_depth >=0 ){
o_activeitem.e_oelement.className = o_activeitem.getstyle(0, 0);
o_activeitem.e_ielement.className = o_activeitem.getstyle(1, 0);
o_activeitem = o_activeitem.o_parent;
}
//end of modification
// update status line
o_item.upstatus(7);

// run mouseover timer
this.o_hidetimer = setTimeout('A_MENUS['+ this.n_id +'].collapse();',
o_item.getprop('hide_delay'));
}

function menu_onmouseover (n_id) {

// cancel mouseoute menu close and item open delay
clearTimeout(this.o_hidetimer);
this.o_hidetimer = null;
clearTimeout(this.o_showtimer);

// lookup new item's object
var o_item = this.a_index[n_id];

// update status line
o_item.upstatus();

// apply rollover
// start of modified code
o_activeitem = o_item;
while(o_activeitem.n_depth >=0 ){
o_activeitem.e_oelement.className = o_activeitem.getstyle(0, 1);
o_activeitem.e_ielement.className = o_activeitem.getstyle(1, 1);
o_activeitem = o_activeitem.o_parent;
}
// end of modification

// if onclick open is set then no more actions required
if (o_item.getprop('expd_delay') < 0)
return;

// run expand timer
this.o_showtimer = setTimeout('A_MENUS['+ this.n_id +'].expand(' + n_id + ');',
o_item.getprop('expd_delay'));

}

View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Product Page Tigra Menu
Product Demonstrations Live Demos:
Traditional Blue
White Steps
Inner HTML
All Together
Frames Targeting
Free Download Free Download
Free Download Menu Builders
Online Builder
Builder for Windows
Product Documentation Documentation:
Documenation Page
Change Log
Menus Comparison Table
Support Forum Support Forum
 

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004