I'm afraid we can't get at sites on your localhost! Have you tried setting your mouseover/mouseout events on the image rather than the div? (and you can simply return false from the handlers to prevent default and bubbling). I suspect that, for example, when you move off, the image kicks off a mouseout, the div kicks off a mouseover, then finally the div kicks off a mouseout. Hence the fade Out/In/Out.
On Nov 28, 2:42 am, David <[EMAIL PROTECTED]> wrote: > http://localhost/allonenet/index.html > > If you mouse over the globe in the top left, you'll see it fades in, > then fades out, then fades back in. When you mouse off, you'll see it > fade out, then back in, then back out. The relevant code is: > > $('body').append('<div id="fill"></div>'); > $('#fill').load('public/launcher', null, function(response, > status, request){ > $('#launcher').css({display: 'block'}) > .fadeTo(1, opacity) > .bind('mouseover', function(e){ > e.stopPropagation(); > e.cancelBubble = true; > $(this).fadeTo(0, 1, function(e) { > $(this).find('img').attr('src', 'img/globe_spinning.gif'); > }); > }) > .bind('mouseout', function(e){ > e.stopPropagation(); > e.cancelBubble = true; > $(this).fadeTo(0, opacity, function(e) { > $(this).find('img').attr('src', 'img/globe.gif'); > }); > }) > .bind('click', launchInterface); > }); > > I can't seem to get around this issue. The stop propagation and > cancelbubble stuff isn't making any difference at all. Here is the > HTML pulled in through the load('public/launcher') call: > > <script type="text/javascript" src="js/jquery.ui-1.0/ > jquery.dimensions.js"></script> > <link rel="stylesheet" type="text/css" href="css/screen.css" /> > > <div id="launcher"><img align="center" src="img/globe.gif" > alt="AllOneNet Launcher" /><span>All One Net</span></div> > > <div id="MainMenu" class="DialogBox"> > <div class="head"><h1 id="DialogTitle">All One Net</h1><img src="img/ > close.gif" /></div> > <div class="body" id="menu"></div> > <div class="foot"></div> > </div> > <div id="FormDialog" class="WideDialogBox"> > <div class="head wide"><h1 id="DialogTitle">Add an Ad</h1><img > src="img/close.gif" /></div> > <div class="body wide" id="form"></div> > <div class="foot wide"></div> > </div> > <div id="SearchDialog" class="DialogBox"> > <div class="head wide"><h1 id="DialogTitle">Smart Search</h1><img > src="img/close.gif" /></div> > <div class="body wide" id="search"></div> > <div class="foot wide"></div> > </div> > <img src="img/globe_spinning.gif" class="hidden" />
