[jQuery] Re: fancy menu - tell me what you guys think

[Stephan Beal]

On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> I have ported this fancy menu over from mootools to jquery. You can take a
> look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html

Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
lamp menu" would be a suitable plugin name?

Is it intentional that the "bubble" slides past its target, and then
back (a "single bounce" effect)? That's a bit disconcerting - when it
happens i think, "oh, no, it's moving to the wrong menu item." Have
you tried it without the bounce?

And a CSS question for you:

i notice several commented-out blocks with "!important" in them. What
does that mean in CSS?

[jQuery] Re: fancy menu - tell me what you guys think

[Brandon Aaron]

Nice work. This type of work needs to go in a demo section on the jQuery
site!

--
Brandon Aaron

On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
>
> Hi all,
>
> I have ported this fancy menu over from mootools to jquery. You can take a
> look at it http://www.gmarwaha.com/jquery/jfancymenu/test/test.html
>
> The original mootools version is
> http://devthought.com/cssjavascript-true-power-fancy-menu/
>
> Tell me what you guys think. As always, based on feedback, we can consider
> packaging it as a plugin or not...
>
> Thanks in advance for the great feedback as always,
> -GTG
>

[jQuery] Re: fancy menu - tell me what you guys think

[Weaver, Scott]

Very nice!  

I think the "bouncing" is on purpose and is probably using easing or
something similar to achieve the effect.  

As for !important, this allows the specific css property value to take
precedence over the same property that might be overriding it.  For
example, say I have this define in my external stylesheet.

p {font-weight: bold;}

but then in the html, I have this:

Hello

The obvious outcome is that the text in the p tag will be normal weight
since the style at the tag level takes precedence over the style defined
in the stylesheet.

However, if my style sheet looked like this:

p {font-weight: bold !important;}

The text in the p tag would be bold as the !important property in the
style sheet trumps the one defined at the tag level.

-scott

> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
On
> Behalf Of Stephan Beal
> Sent: Tuesday, August 14, 2007 11:44 AM
> To: jQuery (English)
> Subject: [jQuery] Re: fancy menu - tell me what you guys think
> 
> 
> On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > I have ported this fancy menu over from mootools to jquery. You can
take
> a
> > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> 
> Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> lamp menu" would be a suitable plugin name?
> 
> Is it intentional that the "bubble" slides past its target, and then
> back (a "single bounce" effect)? That's a bit disconcerting - when it
> happens i think, "oh, no, it's moving to the wrong menu item." Have
> you tried it without the bounce?
> 
> And a CSS question for you:
> 
> i notice several commented-out blocks with "!important" in them. What
> does that mean in CSS?

[jQuery] Re: fancy menu - tell me what you guys think

[Mike Alsup]

Nice work, Ganeshji!  Very cool.

Mike

> I have ported this fancy menu over from mootools to jquery. You can take a
> look at it
> http://www.gmarwaha.com/jquery/jfancymenu/test/test.html

[jQuery] Re: fancy menu - tell me what you guys think

[Andy Matthews]

I LOVE this menu.
 
My only comment is that there's a delay on mouseover in your version versus
the mootols version. It's slight, but it makes the menu feel unresponsive or
laggy. If you can fix that then it would be perfect.
 
Freaking great job man!
 
 
andy
 
 

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Ganeshji Marwaha
Sent: Tuesday, August 14, 2007 10:32 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] fancy menu - tell me what you guys think


Hi all,
 
I have ported this fancy menu over from mootools to jquery. You can take a
look at it http://www.gmarwaha.com/jquery/jfancymenu/test/test.html
 
The original mootools version is
http://devthought.com/cssjavascript-true-power-fancy-menu/
 
Tell me what you guys think. As always, based on feedback, we can consider
packaging it as a plugin or not...
 
Thanks in advance for the great feedback as always,
-GTG

[jQuery] Re: fancy menu - tell me what you guys think

[Rick Faircloth]

> This type of work needs to go in a demo section on the jQuery site!

 

Yes. along with documentation, code, and demos of the "Alsup" variety.

 

Rick

 

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Brandon Aaron
Sent: Tuesday, August 14, 2007 12:00 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: fancy menu - tell me what you guys think

 

Nice work. This type of work needs to go in a demo section on the jQuery
site! 

--
Brandon Aaron

On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]> > wrote:

Hi all,

 

I have ported this fancy menu over from mootools to jquery. You can take a
look at it http://www.gmarwaha.com/jquery/jfancymenu/test/test.html

 

The original mootools version is
http://devthought.com/cssjavascript-true-power-fancy-menu/
<http://devthought.com/cssjavascript-true-power-fancy-menu/> 

 

Tell me what you guys think. As always, based on feedback, we can consider
packaging it as a plugin or not...

 

Thanks in advance for the great feedback as always,

-GTG

 

[jQuery] Re: fancy menu - tell me what you guys think

[R. Rajesh Jeba Anbiah]

On Aug 14, 8:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> I have ported this fancy menu over from mootools to jquery. You can take a
> look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
  

   I think, the hoverintent is slowing down the speed. Sometimes it
lags the pointer; sometimes it is wrongly positioned.

--
  
Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

wow, u guys overwhelm me ;-). I sent this message before starting for work,
and when i reach my desk i have such a pleasant surprise... Thanks guys...

Now, lemme answer some of your concerns...

@Stephan - I am sure u know what !important is. If your question is, why i
have commented that out, then, it is because, the original mootools author
chose to use images as menu items instead of text for some reason. Since he
used images, he had to hack IE 6 with gif versions of the images. So, he had
the !important hacks in place. But, since i figured it is cleaner and easier
to use text rather than images there, i didnt need those hacks, so i just
commented them out. ;-)

Also, the backout easing effect is causing the bubble to move out of the
target sometimes... I experimented with other easing effects, and it looks
cool for most of them. I chose to display "backout" as my first effect
because that is the same as
what mootools version uses and that will give you apples and apples to
compare and comment.


@Brandon - Thanks a ton... <>

@Mike - Thanks

@Andy - I am using the hoverIntent plugin, that is probably causing the
delay, but as of now i dont have a choice because, if i directly use hover,
then the effect will be spoilt. For example, if you move your mouse all the
way across from the first menu item to the last menu item and then back, you
will notice a long animation that slowly passes over one menu item after
another although your intent was not to hover over the interim menu items.
This can at present be solved with interface's animation library. I will try
that next. The good news is, once jquery 1.2 comes out, i wont need
interface plugin as well, coz John has promised a method to stop animations
for jquery 1.2

@Rick - Yes, you are right... You will find lot of documentation when this
little thing progresses into a  plugin. I really have an eye for
documentation. Take a look at my
jCarouselLiteand u
will know what i am mean ;-)   jus kidding...

@Rajesh - See comments for @Andy above. I guess that should address your
concern.

Thanks again guys... Based on the reponse it seems that it is worth making
this into a real plugin... I will start doing that...

-GTG


On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
>
>
> On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > I have ported this fancy menu over from mootools to jquery. You can take
> a
> > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
>
> Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> lamp menu" would be a suitable plugin name?
>
> Is it intentional that the "bubble" slides past its target, and then
> back (a "single bounce" effect)? That's a bit disconcerting - when it
> happens i think, "oh, no, it's moving to the wrong menu item." Have
> you tried it without the bounce?
>
> And a CSS question for you:
>
> i notice several commented-out blocks with "!important" in them. What
> does that mean in CSS?
>
>

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

Stephan u got it man... u r the man who named my plugin...
Lava Lamp it is :-)

-GTG

On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
>
>
> On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > I have ported this fancy menu over from mootools to jquery. You can take
> a
> > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
>
> Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> lamp menu" would be a suitable plugin name?
>
> Is it intentional that the "bubble" slides past its target, and then
> back (a "single bounce" effect)? That's a bit disconcerting - when it
> happens i think, "oh, no, it's moving to the wrong menu item." Have
> you tried it without the bounce?
>
> And a CSS question for you:
>
> i notice several commented-out blocks with "!important" in them. What
> does that mean in CSS?
>
>

[jQuery] Re: fancy menu - tell me what you guys think

[Glen Lipka]

Its a great effect and will make a great plugin.  I love it.
Are you hard-coding the easing or allowing options?

I saw a little bit of strangeness in the first load, when only the
right-side of the button showed up.
One suggestion.  Use a button sprite to have the caps and the body as part
of the same image.  That way it would load all at once.

Nice work!

Glen

On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
>
> wow, u guys overwhelm me ;-). I sent this message before starting for
> work, and when i reach my desk i have such a pleasant surprise... Thanks
> guys...
>
> Now, lemme answer some of your concerns...
>
> @Stephan - I am sure u know what !important is. If your question is, why i
> have commented that out, then, it is because, the original mootools author
> chose to use images as menu items instead of text for some reason. Since he
> used images, he had to hack IE 6 with gif versions of the images. So, he had
> the !important hacks in place. But, since i figured it is cleaner and easier
> to use text rather than images there, i didnt need those hacks, so i just
> commented them out. ;-)
>
> Also, the backout easing effect is causing the bubble to move out of the
> target sometimes... I experimented with other easing effects, and it looks
> cool for most of them. I chose to display "backout" as my first effect
> because that is the same as
> what mootools version uses and that will give you apples and apples to 
> compare and comment.
>
>
> @Brandon - Thanks a ton... <>
>
> @Mike - Thanks
>
> @Andy - I am using the hoverIntent plugin, that is probably causing the
> delay, but as of now i dont have a choice because, if i directly use hover,
> then the effect will be spoilt. For example, if you move your mouse all the
> way across from the first menu item to the last menu item and then back, you
> will notice a long animation that slowly passes over one menu item after
> another although your intent was not to hover over the interim menu items.
> This can at present be solved with interface's animation library. I will try
> that next. The good news is, once jquery 1.2 comes out, i wont need
> interface plugin as well, coz John has promised a method to stop animations
> for jquery 1.2
>
> @Rick - Yes, you are right... You will find lot of documentation when this
> little thing progresses into a  plugin. I really have an eye for
> documentation. Take a look at my 
> jCarouselLiteand u will 
> know what i am mean ;-)   jus kidding...
>
> @Rajesh - See comments for @Andy above. I guess that should address your
> concern.
>
> Thanks again guys... Based on the reponse it seems that it is worth making
> this into a real plugin... I will start doing that...
>
> -GTG
>
>
> On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> >
> >
> > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > > I have ported this fancy menu over from mootools to jquery. You can
> > take a
> > > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> >
> > Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> > lamp menu" would be a suitable plugin name?
> >
> > Is it intentional that the "bubble" slides past its target, and then
> > back (a "single bounce" effect)? That's a bit disconcerting - when it
> > happens i think, "oh, no, it's moving to the wrong menu item." Have
> > you tried it without the bounce?
> >
> > And a CSS question for you:
> >
> > i notice several commented-out blocks with "!important" in them. What
> > does that mean in CSS?
> >
> >
>

[jQuery] Re: fancy menu - tell me what you guys think

[Brian Cherne]

You may be able to tweak hoverIntent's default settings to make it react
more quickly. Maybe something more like:

.hoverIntent({
   sensitivity: 2,
   interval: 50,
   over: function(){ move(this); },
   out: noop
});

Brian.

On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
>
> Its a great effect and will make a great plugin.  I love it.
> Are you hard-coding the easing or allowing options?
>
> I saw a little bit of strangeness in the first load, when only the
> right-side of the button showed up.
> One suggestion.  Use a button sprite to have the caps and the body as part
> of the same image.  That way it would load all at once.
>
> Nice work!
>
> Glen
>
> On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
> >
> > wow, u guys overwhelm me ;-). I sent this message before starting for
> > work, and when i reach my desk i have such a pleasant surprise... Thanks
> > guys...
> >
> > Now, lemme answer some of your concerns...
> >
> > @Stephan - I am sure u know what !important is. If your question is, why
> > i have commented that out, then, it is because, the original mootools author
> > chose to use images as menu items instead of text for some reason. Since he
> > used images, he had to hack IE 6 with gif versions of the images. So, he had
> > the !important hacks in place. But, since i figured it is cleaner and easier
> > to use text rather than images there, i didnt need those hacks, so i just
> > commented them out. ;-)
> >
> > Also, the backout easing effect is causing the bubble to move out of the
> > target sometimes... I experimented with other easing effects, and it looks
> > cool for most of them. I chose to display "backout" as my first effect
> > because that is the same as
> > what mootools version uses and that will give you apples and apples to 
> > compare and comment.
> >
> >
> > @Brandon - Thanks a ton... <>
> >
> > @Mike - Thanks
> >
> > @Andy - I am using the hoverIntent plugin, that is probably causing the
> > delay, but as of now i dont have a choice because, if i directly use hover,
> > then the effect will be spoilt. For example, if you move your mouse all the
> > way across from the first menu item to the last menu item and then back, you
> > will notice a long animation that slowly passes over one menu item after
> > another although your intent was not to hover over the interim menu items.
> > This can at present be solved with interface's animation library. I will try
> > that next. The good news is, once jquery 1.2 comes out, i wont need
> > interface plugin as well, coz John has promised a method to stop animations
> > for jquery 1.2
> >
> > @Rick - Yes, you are right... You will find lot of documentation when
> > this little thing progresses into a  plugin. I really have an eye for
> > documentation. Take a look at my 
> > jCarouselLiteand u will 
> > know what i am mean ;-)   jus kidding...
> >
> > @Rajesh - See comments for @Andy above. I guess that should address your
> > concern.
> >
> > Thanks again guys... Based on the reponse it seems that it is worth
> > making this into a real plugin... I will start doing that...
> >
> > -GTG
> >
> >
> > On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> > >
> > >
> > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > > > I have ported this fancy menu over from mootools to jquery. You can
> > > take a
> > > > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> > >
> > > Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> > > lamp menu" would be a suitable plugin name?
> > >
> > > Is it intentional that the "bubble" slides past its target, and then
> > > back (a "single bounce" effect)? That's a bit disconcerting - when it
> > > happens i think, "oh, no, it's moving to the wrong menu item." Have
> > > you tried it without the bounce?
> > >
> > > And a CSS question for you:
> > >
> > > i notice several commented-out blocks with "!important" in them. What
> > > does that mean in CSS?
> > >
> > >
> >
>

[jQuery] Re: fancy menu - tell me what you guys think

[Matt Penner]

 This is great but I have to also comment on the delay.  It does feel a
little unresponsive.  If I click on a menu item before the slider has time
to get there (which is quite easy to do) it tends to flash and act a little
quirky.

I'm using FF 2.0 on WinXP

Good job!
*Matt Penner*

*From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On
Behalf Of *Andy Matthews
*Sent:* Tuesday, August 14, 2007 9:19 AM
*To:* jquery-en@googlegroups.com
*Subject:* [jQuery] Re: fancy menu - tell me what you guys think

I LOVE this menu.

My only comment is that there's a delay on mouseover in your version versus
the mootols version. It's slight, but it makes the menu feel unresponsive or
laggy. If you can fix that then it would be perfect.

Freaking great job man!

andy
 --

*From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On
Behalf Of *Ganeshji Marwaha
*Sent:* Tuesday, August 14, 2007 10:32 AM
*To:* jquery-en@googlegroups.com
*Subject:* [jQuery] fancy menu - tell me what you guys think

Hi all,



I have ported this fancy menu over from mootools to jquery. You can take a
look at it http://www.gmarwaha.com/jquery/jfancymenu/test/test.html



The original mootools version is
http://devthought.com/cssjavascript-true-power-fancy-menu/



Tell me what you guys think. As always, based on feedback, we can consider
packaging it as a plugin or not...



Thanks in advance for the great feedback as always,

-GTG

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

Thanks Glen... I am not hardcoding the easing effects. That is an option for
the user.

About the button being 2 different images. Yes, i understand, that it isn't
very professional that way. They are the images of the original author
though and i don't have too much expertise creating images... any help from
an expert like u  will be sincerely appreciated. But, don't get me wrong...
i know u r busy too... So, if you can't do it i will understand, and will
try to roll out my own pretty soon...

-GTG

On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
>
> Its a great effect and will make a great plugin.  I love it.
> Are you hard-coding the easing or allowing options?
>
> I saw a little bit of strangeness in the first load, when only the
> right-side of the button showed up.
> One suggestion.  Use a button sprite to have the caps and the body as part
> of the same image.  That way it would load all at once.
>
> Nice work!
>
> Glen
>
> On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
> >
> > wow, u guys overwhelm me ;-). I sent this message before starting for
> > work, and when i reach my desk i have such a pleasant surprise... Thanks
> > guys...
> >
> > Now, lemme answer some of your concerns...
> >
> > @Stephan - I am sure u know what !important is. If your question is, why
> > i have commented that out, then, it is because, the original mootools author
> > chose to use images as menu items instead of text for some reason. Since he
> > used images, he had to hack IE 6 with gif versions of the images. So, he had
> > the !important hacks in place. But, since i figured it is cleaner and easier
> > to use text rather than images there, i didnt need those hacks, so i just
> > commented them out. ;-)
> >
> > Also, the backout easing effect is causing the bubble to move out of the
> > target sometimes... I experimented with other easing effects, and it looks
> > cool for most of them. I chose to display "backout" as my first effect
> > because that is the same as
> > what mootools version uses and that will give you apples and apples to 
> > compare and comment.
> >
> >
> > @Brandon - Thanks a ton... <>
> >
> > @Mike - Thanks
> >
> > @Andy - I am using the hoverIntent plugin, that is probably causing the
> > delay, but as of now i dont have a choice because, if i directly use hover,
> > then the effect will be spoilt. For example, if you move your mouse all the
> > way across from the first menu item to the last menu item and then back, you
> > will notice a long animation that slowly passes over one menu item after
> > another although your intent was not to hover over the interim menu items.
> > This can at present be solved with interface's animation library. I will try
> > that next. The good news is, once jquery 1.2 comes out, i wont need
> > interface plugin as well, coz John has promised a method to stop animations
> > for jquery 1.2
> >
> > @Rick - Yes, you are right... You will find lot of documentation when
> > this little thing progresses into a  plugin. I really have an eye for
> > documentation. Take a look at my 
> > jCarouselLiteand u will 
> > know what i am mean ;-)   jus kidding...
> >
> > @Rajesh - See comments for @Andy above. I guess that should address your
> > concern.
> >
> > Thanks again guys... Based on the reponse it seems that it is worth
> > making this into a real plugin... I will start doing that...
> >
> > -GTG
> >
> >
> > On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> > >
> > >
> > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > > > I have ported this fancy menu over from mootools to jquery. You can
> > > take a
> > > > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> > >
> > > Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> > > lamp menu" would be a suitable plugin name?
> > >
> > > Is it intentional that the "bubble" slides past its target, and then
> > > back (a "single bounce" effect)? That's a bit disconcerting - when it
> > > happens i think, "oh, no, it's moving to the wrong menu item." Have
> > > you tried it without the bounce?
> > >
> > > And a CSS question for you:
> > >
> > > i notice several commented-out blocks with "!important" in them. What
> > > does that mean in CSS?
> > >
> > >
> >
>

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

Sure, i will try that... I sincerely hope that solves the unresponsiveness
problem...

-GTG

On 8/14/07, Brian Cherne <[EMAIL PROTECTED]> wrote:
>
> You may be able to tweak hoverIntent's default settings to make it react
> more quickly. Maybe something more like:
>
> .hoverIntent({
>sensitivity: 2,
>interval: 50,
>over: function(){ move(this); },
>out: noop
> });
>
> Brian.
>
> On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
> >
> > Its a great effect and will make a great plugin.  I love it.
> > Are you hard-coding the easing or allowing options?
> >
> > I saw a little bit of strangeness in the first load, when only the
> > right-side of the button showed up.
> > One suggestion.  Use a button sprite to have the caps and the body as
> > part of the same image.  That way it would load all at once.
> >
> > Nice work!
> >
> >  Glen
> >
> > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > >
> > > wow, u guys overwhelm me ;-). I sent this message before starting for
> > > work, and when i reach my desk i have such a pleasant surprise... Thanks
> > > guys...
> > >
> > > Now, lemme answer some of your concerns...
> > >
> > > @Stephan - I am sure u know what !important is. If your question is,
> > > why i have commented that out, then, it is because, the original mootools
> > > author chose to use images as menu items instead of text for some reason.
> > > Since he used images, he had to hack IE 6 with gif versions of the images.
> > > So, he had the !important hacks in place. But, since i figured it is 
> > > cleaner
> > > and easier to use text rather than images there, i didnt need those hacks,
> > > so i just commented them out. ;-)
> > >
> > > Also, the backout easing effect is causing the bubble to move out of
> > > the target sometimes... I experimented with other easing effects, and it
> > > looks cool for most of them. I chose to display "backout" as my first 
> > > effect
> > > because that is the same as
> > > what mootools version uses and that will give you apples and apples to 
> > > compare and comment.
> > >
> > >
> > > @Brandon - Thanks a ton... <>
> > >
> > > @Mike - Thanks
> > >
> > > @Andy - I am using the hoverIntent plugin, that is probably causing
> > > the delay, but as of now i dont have a choice because, if i directly use
> > > hover, then the effect will be spoilt. For example, if you move your mouse
> > > all the way across from the first menu item to the last menu item and then
> > > back, you will notice a long animation that slowly passes over one menu 
> > > item
> > > after another although your intent was not to hover over the interim menu
> > > items. This can at present be solved with interface's animation library. I
> > > will try that next. The good news is, once jquery 1.2 comes out, i
> > > wont need interface plugin as well, coz John has promised a method to stop
> > > animations for jquery 1.2
> > >
> > > @Rick - Yes, you are right... You will find lot of documentation when
> > > this little thing progresses into a  plugin. I really have an eye for
> > > documentation. Take a look at my 
> > > jCarouselLiteand u 
> > > will know what i am mean ;-)   jus kidding...
> > >
> > > @Rajesh - See comments for @Andy above. I guess that should address
> > > your concern.
> > >
> > > Thanks again guys... Based on the reponse it seems that it is worth
> > > making this into a real plugin... I will start doing that...
> > >
> > > -GTG
> > >
> > >
> > > On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> > > >
> > > >
> > > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > > > > I have ported this fancy menu over from mootools to jquery. You
> > > > can take a
> > > > > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> > > >
> > > >
> > > > Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> > > > lamp menu" would be a suitable plugin name?
> > > >
> > > > Is it intentional that the "bubble" slides past its target, and then
> > > >
> > > > back (a "single bounce" effect)? That's a bit disconcerting - when
> > > > it
> > > > happens i think, "oh, no, it's moving to the wrong menu item." Have
> > > > you tried it without the bounce?
> > > >
> > > > And a CSS question for you:
> > > >
> > > > i notice several commented-out blocks with "!important" in them.
> > > > What
> > > > does that mean in CSS?
> > > >
> > > >
> > >
> >
>

[jQuery] Re: fancy menu - tell me what you guys think

[Tane Piper]

Oh man - I saw this effect a couple of months ago and loved it, but as
you said the author had made a bit of a hash of it with all those gifs
and importants, and my jQuery wasn't that hot so I never reversed
engineered it.

Thank you so much for bringing this plugin to jQuery!  I might even go
back to the origional design idea I had that used it for one of our
upcoming sites.

P.s I love the name Lava Lamp :)

On 14/08/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
> Sure, i will try that... I sincerely hope that solves the unresponsiveness
> problem...
>
> -GTG
>
> On 8/14/07, Brian Cherne <[EMAIL PROTECTED]> wrote:
> >
> > You may be able to tweak hoverIntent's default settings to make it react
> > more quickly. Maybe something more like:
> >
> > .hoverIntent({
> >sensitivity: 2,
> >interval: 50,
> >over: function(){ move(this); },
> >out: noop
> > });
> >
> > Brian.
> >
> > On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
> > >
> > > Its a great effect and will make a great plugin.  I love it.
> > > Are you hard-coding the easing or allowing options?
> > >
> > > I saw a little bit of strangeness in the first load, when only the
> > > right-side of the button showed up.
> > > One suggestion.  Use a button sprite to have the caps and the body as
> > > part of the same image.  That way it would load all at once.
> > >
> > > Nice work!
> > >
> > >  Glen
> > >
> > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > >
> > > > wow, u guys overwhelm me ;-). I sent this message before starting for
> > > > work, and when i reach my desk i have such a pleasant surprise...
> Thanks
> > > > guys...
> > > >
> > > > Now, lemme answer some of your concerns...
> > > >
> > > > @Stephan - I am sure u know what !important is. If your question is,
> > > > why i have commented that out, then, it is because, the original
> mootools
> > > > author chose to use images as menu items instead of text for some
> reason.
> > > > Since he used images, he had to hack IE 6 with gif versions of the
> images.
> > > > So, he had the !important hacks in place. But, since i figured it is
> cleaner
> > > > and easier to use text rather than images there, i didnt need those
> hacks,
> > > > so i just commented them out. ;-)
> > > >
> > > > Also, the backout easing effect is causing the bubble to move out of
> > > > the target sometimes... I experimented with other easing effects, and
> it
> > > > looks cool for most of them. I chose to display "backout" as my first
> effect
> > > > because that is the same as
> > > > what mootools version uses and that will give you apples and apples to
> compare and comment.
> > > >
> > > >
> > > > @Brandon - Thanks a ton... <>
> > > >
> > > > @Mike - Thanks
> > > >
> > > > @Andy - I am using the hoverIntent plugin, that is probably causing
> > > > the delay, but as of now i dont have a choice because, if i directly
> use
> > > > hover, then the effect will be spoilt. For example, if you move your
> mouse
> > > > all the way across from the first menu item to the last menu item and
> then
> > > > back, you will notice a long animation that slowly passes over one
> menu item
> > > > after another although your intent was not to hover over the interim
> menu
> > > > items. This can at present be solved with interface's animation
> library. I
> > > > will try that next. The good news is, once jquery 1.2 comes out, i
> > > > wont need interface plugin as well, coz John has promised a method to
> stop
> > > > animations for jquery 1.2
> > > >
> > > > @Rick - Yes, you are right... You will find lot of documentation when
> > > > this little thing progresses into a  plugin. I really have an eye for
> > > > documentation. Take a look at my
> jCarouselLiteand u will
> know what i am mean ;-)   jus kidding...
> > > >
> > > > @Rajesh - See comments for @Andy above. I guess that should address
> > > > your concern.
> > > >
> > > > Thanks again guys... Based on the reponse it seems that it is worth
> > > > making this into a real plugin... I will start doing that...
> > > >
> > > > -GTG
> > > >
> > > >
> > > > On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> > > > >
> > > > >
> > > > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> > > > > > I have ported this fancy menu over from mootools to jquery. You
> > > > > can take a
> > > > > > look at ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> > > > >
> > > > >
> > > > > Slick, Ganishji :). My first thought is "lava lamp", so maybe "lava
> > > > > lamp menu" would be a suitable plugin name?
> > > > >
> > > > > Is it intentional that the "bubble" slides past its target, and then
> > > > >
> > > > > back (a "single bounce" effect)? That's a bit disconcerting - when
> > > > > it
> > > > > happens i think, "oh, no, it's moving to the wrong menu item." Have
> > > > > you tried it without the bounce?
> > > > >
> > > > > And a CSS question for you:
> > > > >
>

[jQuery] Re: fancy menu - tell me what you guys think

[Glen Lipka]

Ok, I made the sprite for you with css.
http://www.commadot.com/jquery/lavalamp/
This will make it load the bubble all at once.

I also added in the change from Brian to make it trigger quicker.


Glen

On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
>
> Sure, i will try that... I sincerely hope that solves the unresponsiveness
> problem...
>
> -GTG
>
> On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> >
> > You may be able to tweak hoverIntent's default settings to make it react
> > more quickly. Maybe something more like:
> >
> > .hoverIntent({
> >sensitivity: 2,
> >interval: 50,
> >over: function(){ move(this); },
> >out: noop
> > });
> >
> > Brian.
> >
> > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > >
> > > Its a great effect and will make a great plugin.  I love it.
> > > Are you hard-coding the easing or allowing options?
> > >
> > > I saw a little bit of strangeness in the first load, when only the
> > > right-side of the button showed up.
> > > One suggestion.  Use a button sprite to have the caps and the body as
> > > part of the same image.  That way it would load all at once.
> > >
> > > Nice work!
> > >
> > >  Glen
> > >
> > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > >
> > > > wow, u guys overwhelm me ;-). I sent this message before starting
> > > > for work, and when i reach my desk i have such a pleasant surprise... 
> > > > Thanks
> > > > guys...
> > > >
> > > > Now, lemme answer some of your concerns...
> > > >
> > > > @Stephan - I am sure u know what !important is. If your question is,
> > > > why i have commented that out, then, it is because, the original 
> > > > mootools
> > > > author chose to use images as menu items instead of text for some 
> > > > reason.
> > > > Since he used images, he had to hack IE 6 with gif versions of the 
> > > > images.
> > > > So, he had the !important hacks in place. But, since i figured it is 
> > > > cleaner
> > > > and easier to use text rather than images there, i didnt need those 
> > > > hacks,
> > > > so i just commented them out. ;-)
> > > >
> > > > Also, the backout easing effect is causing the bubble to move out of
> > > > the target sometimes... I experimented with other easing effects, and it
> > > > looks cool for most of them. I chose to display "backout" as my first 
> > > > effect
> > > > because that is the same as
> > > > what mootools version uses and that will give you apples and apples to 
> > > > compare and comment.
> > > >
> > > >
> > > > @Brandon - Thanks a ton... <>
> > > >
> > > > @Mike - Thanks
> > > >
> > > > @Andy - I am using the hoverIntent plugin, that is probably causing
> > > > the delay, but as of now i dont have a choice because, if i directly use
> > > > hover, then the effect will be spoilt. For example, if you move your 
> > > > mouse
> > > > all the way across from the first menu item to the last menu item and 
> > > > then
> > > > back, you will notice a long animation that slowly passes over one menu 
> > > > item
> > > > after another although your intent was not to hover over the interim 
> > > > menu
> > > > items. This can at present be solved with interface's animation 
> > > > library. I
> > > > will try that next. The good news is, once jquery 1.2 comes out, i
> > > > wont need interface plugin as well, coz John has promised a method to 
> > > > stop
> > > > animations for jquery 1.2
> > > >
> > > > @Rick - Yes, you are right... You will find lot of documentation
> > > > when this little thing progresses into a  plugin. I really have an eye 
> > > > for
> > > > documentation. Take a look at my 
> > > > jCarouselLiteand u 
> > > > will know what i am mean ;-)   jus kidding...
> > > >
> > > > @Rajesh - See comments for @Andy above. I guess that should address
> > > > your concern.
> > > >
> > > > Thanks again guys... Based on the reponse it seems that it is worth
> > > > making this into a real plugin... I will start doing that...
> > > >
> > > > -GTG
> > > >
> > > >
> > > > On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> > > > >
> > > > >
> > > > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]>
> > > > > wrote:
> > > > > > I have ported this fancy menu over from mootools to jquery. You
> > > > > can take a
> > > > > > look at
> > > > > ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> > > > >
> > > > > Slick, Ganishji :). My first thought is "lava lamp", so maybe
> > > > > "lava
> > > > > lamp menu" would be a suitable plugin name?
> > > > >
> > > > > Is it intentional that the "bubble" slides past its target, and
> > > > > then
> > > > > back (a "single bounce" effect)? That's a bit disconcerting - when
> > > > > it
> > > > > happens i think, "oh, no, it's moving to the wrong menu item."
> > > > > Have
> > > > > you tried it without the bounce?
> > > > >
> > > > > And a CSS question for you:
> > > > >
> > > > > i notice several commented-out blocks with "!importan

[jQuery] Re: fancy menu - tell me what you guys think

[Brandon Aaron]

Nice ... gotta love collaboration! One thing I'd like to see if the extra li
element added at runtime so it is not there if javascript isn't enabled.

--
Brandon Aaron

On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
>
> Ok, I made the sprite for you with css.
> http://www.commadot.com/jquery/lavalamp/
> This will make it load the bubble all at once.
>
> I also added in the change from Brian to make it trigger quicker.
>
>
> Glen
>
> On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
> >
> > Sure, i will try that... I sincerely hope that solves the
> > unresponsiveness problem...
> >
> > -GTG
> >
> > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> > >
> > > You may be able to tweak hoverIntent's default settings to make it
> > > react more quickly. Maybe something more like:
> > >
> > > .hoverIntent({
> > >sensitivity: 2,
> > >interval: 50,
> > >over: function(){ move(this); },
> > >out: noop
> > > });
> > >
> > > Brian.
> > >
> > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > > >
> > > > Its a great effect and will make a great plugin.  I love it.
> > > > Are you hard-coding the easing or allowing options?
> > > >
> > > > I saw a little bit of strangeness in the first load, when only the
> > > > right-side of the button showed up.
> > > > One suggestion.  Use a button sprite to have the caps and the body
> > > > as part of the same image.  That way it would load all at once.
> > > >
> > > > Nice work!
> > > >
> > > >  Glen
> > > >
> > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > wow, u guys overwhelm me ;-). I sent this message before starting
> > > > > for work, and when i reach my desk i have such a pleasant surprise... 
> > > > > Thanks
> > > > > guys...
> > > > >
> > > > > Now, lemme answer some of your concerns...
> > > > >
> > > > > @Stephan - I am sure u know what !important is. If your question
> > > > > is, why i have commented that out, then, it is because, the original
> > > > > mootools author chose to use images as menu items instead of text for 
> > > > > some
> > > > > reason. Since he used images, he had to hack IE 6 with gif versions 
> > > > > of the
> > > > > images. So, he had the !important hacks in place. But, since i 
> > > > > figured it is
> > > > > cleaner and easier to use text rather than images there, i didnt need 
> > > > > those
> > > > > hacks, so i just commented them out. ;-)
> > > > >
> > > > > Also, the backout easing effect is causing the bubble to move out
> > > > > of the target sometimes... I experimented with other easing effects, 
> > > > > and it
> > > > > looks cool for most of them. I chose to display "backout" as my first 
> > > > > effect
> > > > > because that is the same as
> > > > > what mootools version uses and that will give you apples and apples 
> > > > > to compare and comment.
> > > > >
> > > > >
> > > > > @Brandon - Thanks a ton... <>
> > > > >
> > > > > @Mike - Thanks
> > > > >
> > > > > @Andy - I am using the hoverIntent plugin, that is probably
> > > > > causing the delay, but as of now i dont have a choice because, if i 
> > > > > directly
> > > > > use hover, then the effect will be spoilt. For example, if you move 
> > > > > your
> > > > > mouse all the way across from the first menu item to the last menu 
> > > > > item and
> > > > > then back, you will notice a long animation that slowly passes over 
> > > > > one menu
> > > > > item after another although your intent was not to hover over the 
> > > > > interim
> > > > > menu items. This can at present be solved with interface's animation
> > > > > library. I will try that next. The good news is, once jquery 1.2comes 
> > > > > out, i wont need interface plugin as well, coz John has promised a
> > > > > method to stop animations for jquery 1.2
> > > > >
> > > > > @Rick - Yes, you are right... You will find lot of documentation
> > > > > when this little thing progresses into a  plugin. I really have an 
> > > > > eye for
> > > > > documentation. Take a look at my 
> > > > > jCarouselLiteand 
> > > > > u will know what i am mean ;-)   jus kidding...
> > > > >
> > > > > @Rajesh - See comments for @Andy above. I guess that should
> > > > > address your concern.
> > > > >
> > > > > Thanks again guys... Based on the reponse it seems that it is
> > > > > worth making this into a real plugin... I will start doing that...
> > > > >
> > > > > -GTG
> > > > >
> > > > >
> > > > > On 8/14/07, Stephan Beal <[EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > >
> > > > > > On Aug 14, 5:31 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]>
> > > > > > wrote:
> > > > > > > I have ported this fancy menu over from mootools to jquery.
> > > > > > You can take a
> > > > > > > look at
> > > > > > ithttp://www.gmarwaha.com/jquery/jfancymenu/test/test.html
> > > > > >
> > > > > > Slick, Ganishji :). My first thought is "lava lamp", so maybe
> > > > > > "lava
> > > > > > lamp menu" would be a suitabl

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

Thanks Glen i will incorporate the sprites tonight...

In the meantime, i tried using interface fx library for stopping animations
which should effectively make it perform exactly as the mootools version.
have a look at it and lemme know if the delay problem is gone...

http://www.gmarwaha.com/jquery/jfancymenu/test/test.html

But, ofcourse, this means that u need the interface fx plugin. But, it is a
start... I will experiment with Glens sprites and more optimized hoverIntent
tonight... Lets see what comes out of it...

Brandon: Thanks for the suggestion. Yes, i am planning to add the background
using javascript in the final version... Just wanted the js a bit clean when
i am experimenting with the animation issues and work arounds...

P.S. Glen: You da man

-GTG

On 8/14/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:
>
> Nice ... gotta love collaboration! One thing I'd like to see if the extra
> li element added at runtime so it is not there if javascript isn't enabled.
>
> --
> Brandon Aaron
>
> On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
> >
> > Ok, I made the sprite for you with css.
> > http://www.commadot.com/jquery/lavalamp/
> > This will make it load the bubble all at once.
> >
> > I also added in the change from Brian to make it trigger quicker.
> >
> >
> > Glen
> >
> > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > >
> > > Sure, i will try that... I sincerely hope that solves the
> > > unresponsiveness problem...
> > >
> > > -GTG
> > >
> > > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> > > >
> > > > You may be able to tweak hoverIntent's default settings to make it
> > > > react more quickly. Maybe something more like:
> > > >
> > > > .hoverIntent({
> > > >sensitivity: 2,
> > > >interval: 50,
> > > >over: function(){ move(this); },
> > > >out: noop
> > > > });
> > > >
> > > > Brian.
> > > >
> > > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > Its a great effect and will make a great plugin.  I love it.
> > > > > Are you hard-coding the easing or allowing options?
> > > > >
> > > > > I saw a little bit of strangeness in the first load, when only the
> > > > > right-side of the button showed up.
> > > > > One suggestion.  Use a button sprite to have the caps and the body
> > > > > as part of the same image.  That way it would load all at once.
> > > > >
> > > > > Nice work!
> > > > >
> > > > > Glen
> > > > >
> > > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > > wow, u guys overwhelm me ;-). I sent this message before
> > > > > > starting for work, and when i reach my desk i have such a pleasant
> > > > > > surprise... Thanks guys...
> > > > > >
> > > > > > Now, lemme answer some of your concerns...
> > > > > >
> > > > > > @Stephan - I am sure u know what !important is. If your question
> > > > > > is, why i have commented that out, then, it is because, the original
> > > > > > mootools author chose to use images as menu items instead of text 
> > > > > > for some
> > > > > > reason. Since he used images, he had to hack IE 6 with gif versions 
> > > > > > of the
> > > > > > images. So, he had the !important hacks in place. But, since i 
> > > > > > figured it is
> > > > > > cleaner and easier to use text rather than images there, i didnt 
> > > > > > need those
> > > > > > hacks, so i just commented them out. ;-)
> > > > > >
> > > > > > Also, the backout easing effect is causing the bubble to move
> > > > > > out of the target sometimes... I experimented with other easing 
> > > > > > effects, and
> > > > > > it looks cool for most of them. I chose to display "backout" as my 
> > > > > > first
> > > > > > effect because that is the same as
> > > > > > what mootools version uses and that will give you apples and apples 
> > > > > > to compare and comment.
> > > > > >
> > > > > >
> > > > > > @Brandon - Thanks a ton... <>
> > > > > >
> > > > > > @Mike - Thanks
> > > > > >
> > > > > > @Andy - I am using the hoverIntent plugin, that is probably
> > > > > > causing the delay, but as of now i dont have a choice because, if i 
> > > > > > directly
> > > > > > use hover, then the effect will be spoilt. For example, if you move 
> > > > > > your
> > > > > > mouse all the way across from the first menu item to the last menu 
> > > > > > item and
> > > > > > then back, you will notice a long animation that slowly passes over 
> > > > > > one menu
> > > > > > item after another although your intent was not to hover over the 
> > > > > > interim
> > > > > > menu items. This can at present be solved with interface's animation
> > > > > > library. I will try that next. The good news is, once jquery 
> > > > > > 1.2comes out, i wont need interface plugin as well, coz John has 
> > > > > > promised a
> > > > > > method to stop animations for jquery 1.2
> > > > > >
> > > > > > @Rick - Yes, you are right... You will find lot of documentation
> > > > > > when this little thing progresses into a  plugin. I 

[jQuery] Re: fancy menu - tell me what you guys think

[Brian Cherne]

The responsiveness is a little better but still not great. For some
reason the visual treatment of this menu begs for responsiveness. I'm
certainly looking forward to jQuery 1.2 when hoverIntent can go back on the
shelf as more of a special utility and less of a hack. If someone can come
up with a better (near term) alternative I'd love to see it.

There was a horizontal menu thread from April that had something similar:
<
http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226
>

And another jQuery implementation of this rounded box idea:


Brian.

On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
>
> Ok, I made the sprite for you with css.
> http://www.commadot.com/jquery/lavalamp/
> This will make it load the bubble all at once.
>
> I also added in the change from Brian to make it trigger quicker.
>
>
> Glen
>
> On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
> >
> > Sure, i will try that... I sincerely hope that solves the
> > unresponsiveness problem...
> >
> > -GTG
> >
> > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> > >
> > > You may be able to tweak hoverIntent's default settings to make it
> > > react more quickly. Maybe something more like:
> > >
> > > .hoverIntent({
> > >sensitivity: 2,
> > >interval: 50,
> > >over: function(){ move(this); },
> > >out: noop
> > > });
> > >
> > > Brian.
> > >
> > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > > >
> > > > Its a great effect and will make a great plugin.  I love it.
> > > > Are you hard-coding the easing or allowing options?
> > > >
> > > > I saw a little bit of strangeness in the first load, when only the
> > > > right-side of the button showed up.
> > > > One suggestion.  Use a button sprite to have the caps and the body
> > > > as part of the same image.  That way it would load all at once.
> > > >
> > > > Nice work!
> > > >
> > > >  Glen
> > > >
> > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > wow, u guys overwhelm me ;-). I sent this message before starting
> > > > > for work, and when i reach my desk i have such a pleasant surprise... 
> > > > > Thanks
> > > > > guys...
> > > > >
> > > > > Now, lemme answer some of your concerns...
> > > > >
> > > > > @Stephan - I am sure u know what !important is. If your question
> > > > > is, why i have commented that out, then, it is because, the original
> > > > > mootools author chose to use images as menu items instead of text for 
> > > > > some
> > > > > reason. Since he used images, he had to hack IE 6 with gif versions 
> > > > > of the
> > > > > images. So, he had the !important hacks in place. But, since i 
> > > > > figured it is
> > > > > cleaner and easier to use text rather than images there, i didnt need 
> > > > > those
> > > > > hacks, so i just commented them out. ;-)
> > > > >
> > > > > Also, the backout easing effect is causing the bubble to move out
> > > > > of the target sometimes... I experimented with other easing effects, 
> > > > > and it
> > > > > looks cool for most of them. I chose to display "backout" as my first 
> > > > > effect
> > > > > because that is the same as
> > > > > what mootools version uses and that will give you apples and apples 
> > > > > to compare and comment.
> > > > >
> > > > >
> > > > > @Brandon - Thanks a ton... <>
> > > > >
> > > > > @Mike - Thanks
> > > > >
> > > > > @Andy - I am using the hoverIntent plugin, that is probably
> > > > > causing the delay, but as of now i dont have a choice because, if i 
> > > > > directly
> > > > > use hover, then the effect will be spoilt. For example, if you move 
> > > > > your
> > > > > mouse all the way across from the first menu item to the last menu 
> > > > > item and
> > > > > then back, you will notice a long animation that slowly passes over 
> > > > > one menu
> > > > > item after another although your intent was not to hover over the 
> > > > > interim
> > > > > menu items. This can at present be solved with interface's animation
> > > > > library. I will try that next. The good news is, once jquery 1.2comes 
> > > > > out, i wont need interface plugin as well, coz John has promised a
> > > > > method to stop animations for jquery 1.2
> > > > >
> > > > > @Rick - Yes, you are right... You will find lot of documentation
> > > > > when this little thing progresses into a  plugin. I really have an 
> > > > > eye for
> > > > > documentation. Take a look at my 
> > > > > jCarouselLiteand 
> > > > > u will know what i am mean ;-)   jus kidding...
> > > > >
> > > > > @Rajesh - See comments for @Andy above. I guess that should
> > > > > address your concern.
> > > > >
> > > > > Thanks again guys... Based on the reponse it seems that it is
> > > > > worth making this into a real plugin... I will start doing that...
> > > > >
> > > > > -GTG
>

[jQuery] Re: fancy menu - tell me what you guys think

[Andy Matthews]

It's better now that Ganeshji added in the interface plugin.
 
Loads better now. In fact, I'd say that it's perfect.

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Brian Cherne
Sent: Tuesday, August 14, 2007 2:28 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: fancy menu - tell me what you guys think


The responsiveness is a little better but still not great. For some
reason the visual treatment of this menu begs for responsiveness. I'm
certainly looking forward to jQuery 1.2 when hoverIntent can go back on the
shelf as more of a special utility and less of a hack. If someone can come
up with a better (near term) alternative I'd love to see it. 

There was a horizontal menu thread from April that had something similar:
<
<http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48
/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226>
http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/
b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226>

And another jQuery implementation of this rounded box idea: 
<http://meta20.net/demos/Smooth_menu_widget_for_jQuery/>

Brian.


On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote: 

Ok, I made the sprite for you with css.
http://www.commadot.com/jquery/lavalamp/
<http://www.commadot.com/jquery/lavalamp/> 
This will make it load the bubble all at once.

I also added in the change from Brian to make it trigger quicker. 



Glen


On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]
<mailto:[EMAIL PROTECTED]> > wrote: 

Sure, i will try that... I sincerely hope that solves the unresponsiveness
problem... 

-GTG 



On 8/14/07, Brian Cherne < [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> >
wrote: 

You may be able to tweak hoverIntent's default settings to make it react
more quickly. Maybe something more like: 

.hoverIntent({
   sensitivity: 2,
   interval: 50,
   over: function(){ move(this); },
   out: noop
});

Brian. 



On 8/14/07, Glen Lipka < [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> > wrote:


Its a great effect and will make a great plugin.  I love it.
Are you hard-coding the easing or allowing options? 

I saw a little bit of strangeness in the first load, when only the
right-side of the button showed up. 
One suggestion.  Use a button sprite to have the caps and the body as part
of the same image.  That way it would load all at once. 

Nice work!

Glen


On 8/14/07, Ganeshji Marwaha <  <mailto:[EMAIL PROTECTED]>
[EMAIL PROTECTED]> wrote: 


wow, u guys overwhelm me ;-). I sent this message before starting for work,
and when i reach my desk i have such a pleasant surprise... Thanks guys... 

Now, lemme answer some of your concerns...

@Stephan - I am sure u know what !important is. If your question is, why i
have commented that out, then, it is because, the original mootools author
chose to use images as menu items instead of text for some reason. Since he
used images, he had to hack IE 6 with gif versions of the images. So, he had
the !important hacks in place. But, since i figured it is cleaner and easier
to use text rather than images there, i didnt need those hacks, so i just
commented them out. ;-) 

Also, the backout easing effect is causing the bubble to move out of the
target sometimes... I experimented with other easing effects, and it looks
cool for most of them. I chose to display "backout" as my first effect
because that is the same as what mootools version uses and that will give
you apples and apples to compare and comment. 

@Brandon - Thanks a ton... <>

@Mike - Thanks

@Andy - I am using the hoverIntent plugin, that is probably causing the
delay, but as of now i dont have a choice because, if i directly use hover,
then the effect will be spoilt. For example, if you move your mouse all the
way across from the first menu item to the last menu item and then back, you
will notice a long animation that slowly passes over one menu item after
another although your intent was not to hover over the interim menu items.
This can at present be solved with interface's animation library. I will try
that next. The good news is, once jquery 1.2 comes out, i wont need
interface plugin as well, coz John has promised a method to stop animations
for jquery 1.2

@Rick - Yes, you are right... You will find lot of documentation when this
little thing progresses into a  plugin. I really have an eye for
documentation. Take a look at my jCarouselLite
<http://gmarwaha.com/jquery/jcarousellite/index.php>  and u will know what i
am mean ;-)   jus kidding...

@Rajesh - See comments for @Andy above. I guess that should address your
concern. 

Thanks again guys... Based on the reponse it seems that it is worth making
this into a real plugin... I will start doing that...

-GTG 




On 8/14/07, Stephan Beal <[EMAIL

[jQuery] Re: fancy menu - tell me what you guys think

[Dan G. Switzer, II]

>In the meantime, i tried using interface fx library for stopping animations
>which should effectively make it perform exactly as the mootools version.
>have a look at it and lemme know if the delay problem is gone...
>
>http://www.gmarwaha.com/jquery/jfancymenu/test/test.html

If we ever needed an example, I think is the perfect example to show off why
you need to be able to stop an animation in its current state.

Also, you I think you only need the ifx.js from the Interface project--you
do need to include the whole thing. The ifx.js is only 8k mined.

-Dan

[jQuery] Re: fancy menu - tell me what you guys think

[Brian Cherne]

The interface plugin is certainly a better alternative in this situation.
Very nice!

Brian.

On 8/14/07, Andy Matthews <[EMAIL PROTECTED]> wrote:
>
>  It's better now that Ganeshji added in the interface plugin.
>
> Loads better now. In fact, I'd say that it's perfect.
>
>  --
> *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On
> Behalf Of *Brian Cherne
> *Sent:* Tuesday, August 14, 2007 2:28 PM
> *To:* jquery-en@googlegroups.com
> *Subject:* [jQuery] Re: fancy menu - tell me what you guys think
>
> The responsiveness is a little better but still not great. For some
> reason the visual treatment of this menu begs for responsiveness. I'm
> certainly looking forward to jQuery 1.2 when hoverIntent can go back on
> the shelf as more of a special utility and less of a hack. If someone can
> come up with a better (near term) alternative I'd love to see it.
>
> There was a horizontal menu thread from April that had something similar:
> <http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226
> >
>
> And another jQuery implementation of this rounded box idea:
> <http://meta20.net/demos/Smooth_menu_widget_for_jQuery/>
>
> Brian.
>
> On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
> >
> > Ok, I made the sprite for you with css.
> > http://www.commadot.com/jquery/lavalamp/
> > This will make it load the bubble all at once.
> >
> > I also added in the change from Brian to make it trigger quicker.
> >
> >
> > Glen
> >
> > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > >
> > > Sure, i will try that... I sincerely hope that solves the
> > > unresponsiveness problem...
> > >
> > > -GTG
> > >
> > > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> > > >
> > > > You may be able to tweak hoverIntent's default settings to make it
> > > > react more quickly. Maybe something more like:
> > > >
> > > > .hoverIntent({
> > > >sensitivity: 2,
> > > >interval: 50,
> > > >over: function(){ move(this); },
> > > >out: noop
> > > > });
> > > >
> > > > Brian.
> > > >
> > > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > Its a great effect and will make a great plugin.  I love it.
> > > > > Are you hard-coding the easing or allowing options?
> > > > >
> > > > > I saw a little bit of strangeness in the first load, when only the
> > > > > right-side of the button showed up.
> > > > > One suggestion.  Use a button sprite to have the caps and the body
> > > > > as part of the same image.  That way it would load all at once.
> > > > >
> > > > > Nice work!
> > > > >
> > > > > Glen
> > > > >
> > > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > > wow, u guys overwhelm me ;-). I sent this message before
> > > > > > starting for work, and when i reach my desk i have such a pleasant
> > > > > > surprise... Thanks guys...
> > > > > >
> > > > > > Now, lemme answer some of your concerns...
> > > > > >
> > > > > > @Stephan - I am sure u know what !important is. If your question
> > > > > > is, why i have commented that out, then, it is because, the original
> > > > > > mootools author chose to use images as menu items instead of text 
> > > > > > for some
> > > > > > reason. Since he used images, he had to hack IE 6 with gif versions 
> > > > > > of the
> > > > > > images. So, he had the !important hacks in place. But, since i 
> > > > > > figured it is
> > > > > > cleaner and easier to use text rather than images there, i didnt 
> > > > > > need those
> > > > > > hacks, so i just commented them out. ;-)
> > > > > >
> > > > > > Also, the backout easing effect is causing the bubble to move
> > > > > > out of the target sometimes... I experimented with other easing 
> > > > > > effects, and
> > > > > > it looks cool for most of them. I chose to display &

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

cool, i guess, the concerns of unresponsiveness are now gone...

The name has been established (lava lamp). Thanks to Stephan Beal.

All that is pending is, add Glen Lipka's sprites(thanks a ton), remove the
dependency on hoverIntent (as we dont need it since i added ifx dependency)
and create a true reusable plugin out of it...(taking care of some useful
features like making it work without images etc) and release it.

Ok, lets see... I will try to get it out by this weekend maybe...

-GTG

On 8/14/07, Brian Cherne <[EMAIL PROTECTED]> wrote:
>
> The interface plugin is certainly a better alternative in this situation.
> Very nice!
>
> Brian.
>
> On 8/14/07, Andy Matthews < [EMAIL PROTECTED]> wrote:
> >
> > It's better now that Ganeshji added in the interface plugin.
> >
> > Loads better now. In fact, I'd say that it's perfect.
> >
> > --
> > *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On
> > Behalf Of *Brian Cherne
> > *Sent:* Tuesday, August 14, 2007 2:28 PM
> > *To:* jquery-en@googlegroups.com
> > *Subject:* [jQuery] Re: fancy menu - tell me what you guys think
> >
> > The responsiveness is a little better but still not great. For some
> > reason the visual treatment of this menu begs for responsiveness. I'm
> > certainly looking forward to jQuery 1.2 when hoverIntent can go back on
> > the shelf as more of a special utility and less of a hack. If someone can
> > come up with a better (near term) alternative I'd love to see it.
> >
> > There was a horizontal menu thread from April that had something
> > similar:
> > <http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226
> > >
> >
> > And another jQuery implementation of this rounded box idea:
> > <http://meta20.net/demos/Smooth_menu_widget_for_jQuery/ >
> >
> > Brian.
> >
> > On 8/14/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
> > >
> > > Ok, I made the sprite for you with css.
> > > http://www.commadot.com/jquery/lavalamp/
> > > This will make it load the bubble all at once.
> > >
> > > I also added in the change from Brian to make it trigger quicker.
> > >
> > >
> > > Glen
> > >
> > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > >
> > > > Sure, i will try that... I sincerely hope that solves the
> > > > unresponsiveness problem...
> > > >
> > > > -GTG
> > > >
> > > > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > You may be able to tweak hoverIntent's default settings to make it
> > > > > react more quickly. Maybe something more like:
> > > > >
> > > > > .hoverIntent({
> > > > >sensitivity: 2,
> > > > >interval: 50,
> > > > >over: function(){ move(this); },
> > > > >out: noop
> > > > > });
> > > > >
> > > > > Brian.
> > > > >
> > > > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > > Its a great effect and will make a great plugin.  I love it.
> > > > > > Are you hard-coding the easing or allowing options?
> > > > > >
> > > > > > I saw a little bit of strangeness in the first load, when only
> > > > > > the right-side of the button showed up.
> > > > > > One suggestion.  Use a button sprite to have the caps and the
> > > > > > body as part of the same image.  That way it would load all at once.
> > > > > >
> > > > > > Nice work!
> > > > > >
> > > > > > Glen
> > > > > >
> > > > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > > > > >
> > > > > > > wow, u guys overwhelm me ;-). I sent this message before
> > > > > > > starting for work, and when i reach my desk i have such a pleasant
> > > > > > > surprise... Thanks guys...
> > > > > > >
> > > > > > > Now, lemme answer some of your concerns...
> > > > > > >
> > > > > > > @Stephan - I am sure u know what !important is. If your
> > > > > > > question is, w

[jQuery] Re: fancy menu - tell me what you guys think

[Glen Lipka]

I like it.  Ive seen a similar one that works off a think underline.  Its a
small 3px border under the word, but has the same motion (grow/shrink to
meet target) and follows the same trajectory. I can imagine alot of
alternative treatments.  Great work.

Glen


On 8/14/07, Ganeshji Marwaha <[EMAIL PROTECTED]> wrote:
>
> cool, i guess, the concerns of unresponsiveness are now gone...
>
> The name has been established (lava lamp). Thanks to Stephan Beal.
>
> All that is pending is, add Glen Lipka's sprites(thanks a ton), remove the
> dependency on hoverIntent (as we dont need it since i added ifx dependency)
> and create a true reusable plugin out of it...(taking care of some useful
> features like making it work without images etc) and release it.
>
> Ok, lets see... I will try to get it out by this weekend maybe...
>
> -GTG
>
> On 8/14/07, Brian Cherne <[EMAIL PROTECTED] > wrote:
> >
> > The interface plugin is certainly a better alternative in this
> > situation. Very nice!
> >
> > Brian.
> >
> > On 8/14/07, Andy Matthews < [EMAIL PROTECTED]> wrote:
> > >
> > > It's better now that Ganeshji added in the interface plugin.
> > >
> > > Loads better now. In fact, I'd say that it's perfect.
> > >
> > > --
> > > *From:* jquery-en@googlegroups.com [mailto: [EMAIL PROTECTED]
> > > *On Behalf Of *Brian Cherne
> > > *Sent:* Tuesday, August 14, 2007 2:28 PM
> > > *To:* jquery-en@googlegroups.com
> > > *Subject:* [jQuery] Re: fancy menu - tell me what you guys think
> > >
> > > The responsiveness is a little better but still not great. For
> > > some reason the visual treatment of this menu begs for responsiveness. I'm
> > > certainly looking forward to jQuery 1.2 when hoverIntent can go back
> > > on the shelf as more of a special utility and less of a hack. If someone 
> > > can
> > > come up with a better (near term) alternative I'd love to see it.
> > >
> > > There was a horizontal menu thread from April that had something
> > > similar:
> > > <http://groups.google.com/group/jquery-en/browse_frm/thread/a94df86e4549bd48/b5a2ebe5df7e1226?lnk=gst&q=horizontal+menu&rnum=3#b5a2ebe5df7e1226
> > > >
> > >
> > > And another jQuery implementation of this rounded box idea:
> > > <http://meta20.net/demos/Smooth_menu_widget_for_jQuery/ >
> > >
> > > Brian.
> > >
> > > On 8/14/07, Glen Lipka <[EMAIL PROTECTED] > wrote:
> > > >
> > > > Ok, I made the sprite for you with css.
> > > > http://www.commadot.com/jquery/lavalamp/
> > > > This will make it load the bubble all at once.
> > > >
> > > > I also added in the change from Brian to make it trigger quicker.
> > > >
> > > >
> > > > Glen
> > > >
> > > > On 8/14/07, Ganeshji Marwaha < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > > Sure, i will try that... I sincerely hope that solves the
> > > > > unresponsiveness problem...
> > > > >
> > > > > -GTG
> > > > >
> > > > > On 8/14/07, Brian Cherne < [EMAIL PROTECTED]> wrote:
> > > > > >
> > > > > > You may be able to tweak hoverIntent's default settings to make
> > > > > > it react more quickly. Maybe something more like:
> > > > > >
> > > > > > .hoverIntent({
> > > > > >sensitivity: 2,
> > > > > >interval: 50,
> > > > > >over: function(){ move(this); },
> > > > > >out: noop
> > > > > > });
> > > > > >
> > > > > > Brian.
> > > > > >
> > > > > > On 8/14/07, Glen Lipka < [EMAIL PROTECTED]> wrote:
> > > > > > >
> > > > > > > Its a great effect and will make a great plugin.  I love it.
> > > > > > > Are you hard-coding the easing or allowing options?
> > > > > > >
> > > > > > > I saw a little bit of strangeness in the first load, when only
> > > > > > > the right-side of the button showed up.
> > > > > > > One suggestion.  Use a button sprite to have the caps and the
> > > > > > > body as part of the same image.  That way it would load all at 
> > > > > > > once.
> > > &g

[jQuery] Re: fancy menu - tell me what you guys think

[Ganeshji Marwaha]

Thanks Dan... You are right... I will make sure, i include ifx.js alone and
list only ifx.js as a dependency...

-GTG

On 8/14/07, Dan G. Switzer, II <[EMAIL PROTECTED]> wrote:
>
>
> >In the meantime, i tried using interface fx library for stopping
> animations
> >which should effectively make it perform exactly as the mootools version.
> >have a look at it and lemme know if the delay problem is gone...
> >
> >http://www.gmarwaha.com/jquery/jfancymenu/test/test.html
>
> If we ever needed an example, I think is the perfect example to show off
> why
> you need to be able to stop an animation in its current state.
>
> Also, you I think you only need the ifx.js from the Interface project--you
> do need to include the whole thing. The ifx.js is only 8k mined.
>
> -Dan
>
>

[jQuery] Re: fancy menu - tell me what you guys think

[Joel Birch]

I love it Ganeshji. I have no feedback because it just seems so slick. I
didn't notice a delay, but I am late to this thread and you may have
implemented Brian's suggestion about tweaking the hoverIntent settings. It
behaves great! Looking forward to the plugin release.

Joel Birch