yoodropdownmenu speed

anyone know the way to delay the mouseenter time ? meaning if I mouseenter the FX.transation, it will delay let say 1 second.. if I stay on the link more than 1 sec, it will fire the FX.transition
bcv2010Asked:
Who is Participating?
 
Allan NisbetConnect With a Mentor Owner at Storm IT Solutions LTDCommented:
No you just need to adjust the timings within the yoomenu, either in the javascript or the php file.

If you post the files or the version you are using I will have a look and see if we cant solve this for you, my subs at yootheme ran out so im struggling to find the thread about editing timings.

Storm
0
 
Bernard S.Connect With a Mentor CTOCommented:
Use the standard "good practices" menu
- simple and spectacular: enable gzip compression by your server: this will speed-up transfers of text (html, css, js, etc) each time they need to be transmitted
- enable etags for files: this will ease cacheing on the client
- place at the send of the source code all the javascript links that you can safely move (this will NOT speed up page loading, but will display more elements on the page while the js loads in the background


If you want to extract the latest speed:
- group your icons and background image in a single file and use "sprites" to get the needed part
- for those js libraries that are used by lots of people, check if you can get them downloaded from a Google's server rather than your own
- consolidate / comprese your css files source; same for js files
0
 
bcv2010Author Commented:
sorry for the confusion... i am NOT looking  to make the site speed faster...but looking for a code to do transition delay..... and the code won't fire the event if the mouse don't stay more then 1 second on the link..it will only fire event when the mouse stay more than 1 or 2 seconds
0
Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

 
Allan NisbetConnect With a Mentor Owner at Storm IT Solutions LTDCommented:
Try changing the js file of the menu to use this

onMouseOver='setTimeout("fMyMouseOver()",1000);'

But change the variables to those of thee yoomenu

There is a solution on the yootheme forums unfortunatly my account has expired so i cant retreive the solution exactly for you

Storm
0
 
Allan NisbetConnect With a Mentor Owner at Storm IT Solutions LTDCommented:

/* (C) 2008 YOOtheme.com */ var YOOTools = { start: function() { /* Match height of div tags */ YOOTools.setDivHeight(); /* Accordion menu */ new YOOAccordionMenu('div#middle ul.menu li.toggler', 'ul.accordion', { accordion: 'slide' }); /* Fancy menu */ new YOOFancyMenu($E('ul', 'menu'), { mode: 'fade', transition: Fx.Transitions.linear, duration: 500 }); /* Dropdown menu */ new YOODropdownMenu('div#menu li.parent', { mode: 'height', transition: Fx.Transitions.Expo.easeOut }); /* Menu color settings */ /* color default */ var currentColor = '#FFFFFF'; var leaveColor = '#ebeced'; /* Main menu (sub) */ var menuEnter = { 'background-color': currentColor }; var menuLeave = { 'background-color': leaveColor }; new YOOMorph('div#menu li.level2 a, div#menu li.level2 span.separator', menuEnter, menuLeave, { transition: Fx.Transitions.expoOut, duration: 300 }, { transition: Fx.Transitions.sineIn, duration: 500 }); /* Sub menu color settings */ /* color default */ var currentColor = '#FFFFFF'; var leaveColor = '#ebeced'; /* Sub menu all levels */ var submenuEnter = { 'background-color': currentColor}; var submenuLeave = { 'background-color': leaveColor}; new YOOMorph('div#middle ul.menu a, div#middle ul.menu span.separator', submenuEnter, submenuLeave, { transition: Fx.Transitions.expoOut, duration: 300 }, { transition: Fx.Transitions.sineIn, duration: 500 }); /* Style switcher */ new YOOStyleSwitcher($ES('.wrapper'), { widthDefault: YtSettings.widthDefault, widthThinPx: YtSettings.widthThinPx, widthWidePx: YtSettings.widthWidePx, widthFluidPx: YtSettings.widthFluidPx, afterSwitch: YOOTools.setDivHeight, transition: Fx.Transitions.expoOut, duration: 500 }); /* Smoothscroll */ new SmoothScroll({ duration: 500, transition: Fx.Transitions.Expo.easeOut }); }, /* Include script */ include: function(library) { $ES('script').each(function(s, i){ var src = s.getProperty('src'); var path = ''; if (src && src.match(/yoo_tools\.js(\?.*)?$/)) path = src.replace(/yoo_tools\.js(\?.*)?$/,''); if (src && src.match(/template\.js\.php(\?.*)?$/)) path = src.replace(/template\.js\.php(\?.*)?$/,''); if (path != '') document.write(''); }); }, /* Match height of div tags */ setDivHeight: function() { YOOBase.matchDivHeight('div.topbox div.deepest', 0, 40); YOOBase.matchDivHeight('div.bottombox div.deepest', 0, 40); YOOBase.matchDivHeight('div.maintopbox div.deepest', 0, 40); YOOBase.matchDivHeight('div.mainbottombox div.deepest', 0, 40); YOOBase.matchDivHeight('div.contenttopbox div.deepest', 0, 40); YOOBase.matchDivHeight('div.contentbottombox div.deepest', 0, 40); } }; /* Load IE6 fix */ if (window.ie6) { YOOTools.include('addons/ie6fix.js'); YOOTools.include('yoo_ie6fix.js'); } /* Add functions on window load */ window.addEvent('load', YOOTools.start);


This code should help you can edit the value for the duration

Storm
0
 
bcv2010Author Commented:
where should i put this file ?
0
 
Allan NisbetConnect With a Mentor Owner at Storm IT Solutions LTDCommented:
You already have the file on the yooomenu module
just edit the timing and see if that helps achieve what u need

Storm
0
 
bcv2010Author Commented:
still not getting there ... do i have to hack the YooTheme library ?
0
 
bcv2010Author Commented:
..
0
 
Bernard S.CTOCommented:
Glad we could help. thx for the points and grade
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.