Brian, thank you very very much for taking the time to look through that
1000-liner. i didn't expect such effort otherwise i would have told you
right away where to find the code instead of making you search through it.
After more than a year doing jquery, I'm always amazed by the commitment of
its community members.
At this point i'm wondering if i'm not asking too much to javascript,
which,as i understand it, is not really intended as a strong visual engine
and whether i shouldn't implement this "datascape" via flash. i usually
refrain from using flash but sometimes you just cannot avoid it. If you have
an opinion about that, i'd be delighted to read it.
Anyway i'll implement your suggestions, update the proto and get back to you
tonight (it's 10PM here).
Since you mentioned it It is true that i don't really catch the meaning of
some of the parameters.
sensitivity: 1 to ?? (what's the maximum?) _ also, i couldn't get a good
comprehension of what the sensitivity parameter exactly control. I played
with its value, but i'm still not sure. What's the most sensitivty? 1 or 10
?
@Sebioff: thanks for the idea, i should definitely try that "flag" idea:
typically how to solve that kind of issue in actionscript :)
Thanks to both of you for your feedback, really appreciate that.
On Feb 1, 2008 8:31 PM, Brian Cherne <[EMAIL PROTECTED]> wrote:
> I reviewed your code. Is the project expanding/collapsing functionality
> contained in 19_proto_M2.js, lines 197-263 ?
>
> I don't think you're configuring the hoverIntent plug-in properly. It
> would be best if you named your over/out functions and included in them in
> the configuration object. Then just pass that object into hoverIntent.
>
> var hoverIntentConfig = { sensitivity: 10, // number = sensitivity
> threshold (must be 1 or higher)
> interval: 600, // number = milliseconds for onMouseOver polling interval
> over: yourOverFunctionName, // function = onMouseOver callback (REQUIRED)
>
> timeout: 0 // number = milliseconds delay before onMouseOut
> out: yourOutFunctionName // function = onMouseOut callback (REQUIRED)
> };
>
> $allProjects.css(...).hoverIntent(hoverIntentConfig)....
>
> Second, I think for the time being you would benefit most from keeping the
> default interval (100ms) and sensitivity (7) (so no need to declare them in
> your object) and override the timeout option to something like 300ms. I
> think part of the animation issues on your page are related to an upper
> project closing while a lower project is opening... making it so that your
> mouse is temporarily out of the lower project (executing the close
> function). If you set the timeout delay the projects wont' close immediately
> (not sure if I'm making any sense)... so:
>
> var hoverIntentConfig = { over: yourOverFunctionName, // function =
> onMouseOver callback (REQUIRED)
> timeout: 300 // number = milliseconds delay before onMouseOut
> out: yourOutFunctionName // function = onMouseOut callback (REQUIRED)
> };
>
> I'm not sure if that will work better. You may need to investigate other
> alternatives to closing a project div (like using a click event)... doing
> everything on mouseover/mouseout in that layout is quite tricky.
>
> I've been meaning to write a discussion on editing hoverIntent options...
> because there seems to be some confusion/mis-understanding about how it
> works. Hopefully I can get around to it this weekend.
>
> Brian.
>
>
>
> On 2/1/08, Alexandre Plennevaux <[EMAIL PROTECTED]> wrote:
> >
> > Hello!
> >
> > you can see here the non finished, raw interface we are setting up to
> > showcase our projects. I use the awesome hoverIntent plugin to control the
> > expansion of each project div, revealing more info about the project on
> > mouseover.
> > Problem: if you move your mouse on several divs, the behaviours are
> > erratic (it's kind of fun but not very ergonomic :) ) .
> > I think the solution would mean being able to flush the event queue
> > before and after a triggered hoverIntent. But i don't know where to start .
> > Does someone have an idea on how to do taht, or another solution?
> >
> > link: http://m2.lab-au.com/projects/
> >
> >
> > Thanks for your help!
> >
> > Alexandre
> >
> > --
> > Alexandre Plennevaux
> > LAb[au]
> >
> > http://www.lab-au.com
>
>
>
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
