Karl --
Thanks for the link. That is similar to what I'm looking for; thanks!
Unfortunately, I don't know nearly enough about jQuery -- or JS -- to modify
the script.
And, also, it looks like Amazon launched a new design tonight, eliminating
the menu. Grrrrrrr.
I slightly modified the script and it sort of works, although I don't
imagine I'm using very good programming practices:
$(document).ready(function(){
$("#link").mouseover(function(){
$('#popup_menu').show();
return false;
});
$("#popup_menu").mouseover(function() {
$('#popup_menu').show();
return false;
});
$("#popup_menu").mouseout(function() {
$('#popup_menu').hide();
});
});
Maybe you could help guide me with some of the issues I'm trying to resolve:
* It disappears great, so long as you go into the box and then leave the
box. This isn't exactly usable in a menu, though -- if people roll over the
tab/link and then roll off it, I think they'd expect the box to disappear.
* Just as a test, I quickly grabbed a CSS menu off of dynamicdrive.com -- if
you rollover "tools," you'll see the div. However, when you move your cursor
to the div, the hover color goes away. Any idea how to fix this?
(New sample URL: http://www.keuka.edu/pete/popover)
Also, abs positioning is giving me a hard time ... looks fine on FF, but not
so great on IE. I'm assuming this is a CSS thing, though.
On 9/24/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
>
> Hey Glen,
>
> That's actually a pretty old version of the plugin. A new(er) and improved
> version can be found here:
>
> http://plugins.learningjquery.com/cluetip/demo/
>
> Pete,
> Check out that URL above and click on the Examples link at the top of the
> page. Then hover over the link that says "sort of like amazon.com?" under
> the "Custom (temporary)" section. Maybe that's something close to what
> you're looking for?
>
> One of these days when I'm not swamped with freelance work, I'd like to
> write a stripped-down plugin that just does that amazon.com thing. A bunch
> of people have already asked for it.
>
> Cheers,
>
> --Karl
>
> On Sep 24, 2007, at 6:36 PM, Glen Lipka wrote:
>
> That's a nice effect. I have been trying to do something like that too.
> Microsoft does a very similar thing.
> Some helpful plugins to check out:
> 1. Hoverintent. Slows down the interaction to make sure the user intended
> to mouseover.http://cherne.net/brian/resources/jquery.hoverIntent.html
> 2. ClueTip. Shows one example of popup hovers like that.
> http://examples.learningjquery.com/62/demo/
>
>
> There may be other plugins that help. I am interested in this if you nail
> it.
>
> Glen
>
>
> On 9/24/07, Pete < [EMAIL PROTECTED]> wrote:
> >
> >
> > Hi all,
> >
> > I'm trying to construct a "popover" menu that resembles the one on
> > Amazon.com (put your mouse over "see all 43 product categories"). I'm
> > not too familiar with jQuery/JavaScript, but I thought I would be able
> > to do something like this:
> >
> > $(document).ready(function(){
> > $("#link").mouseover(function(){
> > $("#popup_menu").show();
> > return false;
> > });
> > $("#popup_menu").mouseout(function(){
> > $(this).hide();
> > return false;
> > });
> > });
> >
> > The problem is, as soon as you move your mouse off the link to go into
> > the div, it collapses. Could someone please offer some examples/
> > insight?
> >
> > If you'd like to see the page, here's a link:
> > http://www.keuka.edu/pete/jquery_float.html
> >
> >
> > Thanks!
> >
> >
>
>
