Solved

yoodropdownmenu speed

Posted on 2010-09-02
10
231 Views
Last Modified: 2012-08-01
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
0
Comment
Question by:bcv2010
  • 4
  • 4
  • 2
10 Comments
 
LVL 29

Assisted Solution

by:fibo
fibo earned 100 total points
Comment Utility
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
 

Author Comment

by:bcv2010
Comment Utility
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
 
LVL 13

Assisted Solution

by:StormITSolutions
StormITSolutions earned 400 total points
Comment Utility
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
 
LVL 13

Assisted Solution

by:StormITSolutions
StormITSolutions earned 400 total points
Comment Utility

/* (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
 

Author Comment

by:bcv2010
Comment Utility
where should i put this file ?
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 13

Assisted Solution

by:StormITSolutions
StormITSolutions earned 400 total points
Comment Utility
You already have the file on the yooomenu module
just edit the timing and see if that helps achieve what u need

Storm
0
 

Author Comment

by:bcv2010
Comment Utility
still not getting there ... do i have to hack the YooTheme library ?
0
 
LVL 13

Accepted Solution

by:
StormITSolutions earned 400 total points
Comment Utility
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
 

Author Comment

by:bcv2010
Comment Utility
..
0
 
LVL 29

Expert Comment

by:fibo
Comment Utility
Glad we could help. thx for the points and grade
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now