[jQuery] Re: problems with event triggering in IE6, presumably 5.5 as well.
I actually started with hover, with something along the lines of...
-(snip)
$(#trigger_news).hover(
function () {$(#news).addClass(news_on);},
function () {$(#news).removeClass(news_on);$
(#news).addClass(news);});
-(/snip)
...which sadly wound up producing the same result. This is using
jQuery 1.2.3.
On Mar 6, 5:34 am, h0tzen [EMAIL PROTECTED] wrote:
use jquerys specific hover-method which workarounds the browser-
failures of mouseover/mouseout.
in the recent jquery-plugin there are also new virtual events
mouseenter, mouseleave i think, which wrap
mouseouver and mouseout and are used by hover()
$(elem).hover(overFn, outFn)
[jQuery] Re: problems with event triggering in IE6, presumably 5.5 as well.
Hi hedgomatic and h0tzen,
I'm experiencing the same problem here. I've tried mouseover/mouseout,
hover()... without success.
On Mar 6, 7:08 pm, hedgomatic [EMAIL PROTECTED] wrote:
I actually started with hover, with something along the lines of...
-(snip)
$(#trigger_news).hover(
function () {$(#news).addClass(news_on);},
function () {$(#news).removeClass(news_on);$
(#news).addClass(news);});
-(/snip)
...which sadly wound up producing the same result. This is using
jQuery 1.2.3.
On Mar 6, 5:34 am, h0tzen [EMAIL PROTECTED] wrote:
use jquerys specific hover-method which workarounds the browser-
failures of mouseover/mouseout.
in the recent jquery-plugin there are also new virtual events
mouseenter, mouseleave i think, which wrap
mouseouver and mouseout and are used by hover()
$(elem).hover(overFn, outFn)
[jQuery] Re: problems with event triggering in IE6, presumably 5.5 as well.
So far loading up a DIV with nbsp;s and then something like:
target_div { overflow: hidden; text-decoration:none; }
is the only thing I've been able to pull off in IE. It does seem to
work tolerably though. You can see it in action/grab source via the
URL in the original post.
It's not what I'd consider ideal, but until I come across something
else, hope it helps...
-a
On Mar 7, 11:29 am, Fernando_AJAX [EMAIL PROTECTED] wrote:
Hi hedgomatic and h0tzen,
I'm experiencing the same problem here. I've tried mouseover/mouseout,
hover()... without success.
On Mar 6, 7:08 pm, hedgomatic [EMAIL PROTECTED] wrote:
I actually started with hover, with something along the lines of...
-(snip)
$(#trigger_news).hover(
function () {$(#news).addClass(news_on);},
function () {$(#news).removeClass(news_on);$
(#news).addClass(news);});
-(/snip)
...which sadly wound up producing the same result. This is using
jQuery 1.2.3.
On Mar 6, 5:34 am, h0tzen [EMAIL PROTECTED] wrote:
use jquerys specific hover-method which workarounds the browser-
failures of mouseover/mouseout.
in the recent jquery-plugin there are also new virtual events
mouseenter, mouseleave i think, which wrap
mouseouver and mouseout and are used by hover()
$(elem).hover(overFn, outFn)
[jQuery] Re: problems with event triggering in IE6, presumably 5.5 as well.
Update: adding overflow:hidden to my trigger DIVs and tossing in a
load of non-breaking spaces seems to do the trick tolerably, but this
feels like a cludgy solution.
On Mar 5, 10:01 pm, hedgomatic [EMAIL PROTECTED] wrote:
Hi,
I'm working on getting what should be a simple rollover effect done in
jquery, and it works like a charm in firefox and safari, but IE is not
having any of it.
the page in question is here:http://www.awayfromkeyboard.com/nymphomania/
here's the relevant code:
jQuery:
$(document).ready(function(){
$(#trigger_news).mouseover( function () { $
(#news).addClass(news_on); });
$(#trigger_news).mouseout( function () { $
(#news).removeClass(news_on);
$(#news).addClass(news); });
});
CSS:
#trigger_news { position:absolute; top:133px; left:237px; z-index:3;
width:138px; height:33px; }
.news { position: absolute; top:103px; left:237px; width:323px; height:
132px; z-index:2; display: none; }
.news_on { position: absolute; top:103px; left:237px; width:323px;
height:132px; z-index:2; display: block; background-image:url('event-
states/news.jpg'); }
HTML:
DIV ID=trigger_news/DIV
DIV ID=news CLASS=news/DIV
the problem seems to be that the layered divs I'm using to capture the
user's mouseover event are empty, and IE is very unhappy about it. Put
some text in there, and IE will accept that if you're hovering over
the text specifically, but nowhere else. Put a giant border on the
DIV, IE will respond when you hover over the border. Putting an image
in there gets it to behave appropriately, but transparent pngs or gifs
won't work, since IE5.5/6 doesn't support image transparency on any z-
index other than 0 (at least to my knowledge).
I could make images of the four navigation items as well as hover
states for each, but it's already a pretty heavy site in terms of
filesize and that generally strikes me as a bit sloppy.
I've also tried capturing the events with image maps, and IE likes
this a little bit better in that it will sometimes display the image I
want, but overall the results from that approach were unreliable and
flaky.
any ideas/suggestions on another solution, or something I'm missing in
regards to this one?
