[Proto-Scripty] morph effects on menu roll-over.. better way?

2010-07-01 Thread Matt
Hey, i am pretty new to prototype and script.aculo.us and have decided
to develop a menu that utilizes the morph feature. It works in this
manner; when a menu item is mouseover it causes 2 morphs to occur, and
reverses the morph when the menu item is mouseleave. (two vertical
divider bars are the elements to be morphed, located on either side of
a menu item)

I have got it working as i want it to so far but am having problems
with flickering, and disappearing elements on either side of a menu
item as every menu item shares one common divider element with the
menu item beside it..

maybe i am going about coding this all wrong, but i think it should be
possible to use morph in this way.. any suggestions as to how to clean
it up and get rid of flickering/disappearing vertical elements so it
runs smoothly?
I have seen some examples of using timers, and checks for events
running, but im not sure if they would apply in this situation.

here is the test page:
http://al-linplumbing.com/js_menutest.html

the code can be viewed by viewing the page source as to not clutter up
the post.

if i need to explain the effect i am trying to achieve more, please
let me know.

Thanks,
Matt

-- 
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.



Re: [Proto-Scripty] morph effects on menu roll-over.. better way?

2010-07-01 Thread Richard Quadling
On 1 July 2010 03:53, Matt matthew.jones...@gmail.com wrote:
 Hey, i am pretty new to prototype and script.aculo.us and have decided
 to develop a menu that utilizes the morph feature. It works in this
 manner; when a menu item is mouseover it causes 2 morphs to occur, and
 reverses the morph when the menu item is mouseleave. (two vertical
 divider bars are the elements to be morphed, located on either side of
 a menu item)

 I have got it working as i want it to so far but am having problems
 with flickering, and disappearing elements on either side of a menu
 item as every menu item shares one common divider element with the
 menu item beside it..

 maybe i am going about coding this all wrong, but i think it should be
 possible to use morph in this way.. any suggestions as to how to clean
 it up and get rid of flickering/disappearing vertical elements so it
 runs smoothly?
 I have seen some examples of using timers, and checks for events
 running, but im not sure if they would apply in this situation.

 here is the test page:
 http://al-linplumbing.com/js_menutest.html

 the code can be viewed by viewing the page source as to not clutter up
 the post.

 if i need to explain the effect i am trying to achieve more, please
 let me know.

 Thanks,
 Matt


Try combining the effects to run in parallel.

http://wiki.github.com/madrobby/scriptaculous/effect-parallel

-- 
You received this message because you are subscribed to the Google Groups 
Prototype  script.aculo.us group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
prototype-scriptaculous+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/prototype-scriptaculous?hl=en.