hover expects 2 functions, so getting an error isn't surprising.
After a cursory look at your code, one thing that jumps out is I suggest you
don't do $('div#wrap').attr('class') == "xlarge". Instead, do:
$('div#wrap').is(".xlarge").
Other than that, maybe verify that your selector is working right in IE6.
Maybe try doing alert($('div#utility p.resize span.increase').length) to
make sure the element that you're looking for is being found.
Hope it helps.
--Erik
On 9/24/07, AnalogPanda <[EMAIL PROTECTED]> wrote:
>
>
>
> I hope this isn't a double post... This is kind of an awkward problem to
> search on
>
> Perhaps the root of my problem is the custom function I've written, but
> I've
> set up an "increase/decrease text size" function on a site and it's not
> working in ie6 (works fine on XP in ff2, ie7, Opera9, and Safari3)
>
> IE6 or FF does not report an error unless I change .click() to .hover()
> in which case, the errors are:
> IE6: 'g' is null or not an object
> FF2/fireBug: g has no properties
> (I'm using jquery 1.2.1 packed)
>
> Here's the code:
> JS:
>
> $(document).ready(function() {
> $('div#utility p.resize span.increase').click(function() {
> if($('div#wrap').attr('class') == "default") {
> $('div#wrap').removeClass("default");
> $('div#wrap').addClass("medium");
> }
> else if($('div#wrap').attr('class') == "medium") {
> $('div#wrap').removeClass("medium");
> $('div#wrap').addClass("large");
> }
> else if($('div#wrap').attr('class') == "large") {
> $('div#wrap').removeClass("large");
> $('div#wrap').addClass("xlarge");
> }
> });
> });
>
> $(document).ready(function() {
> $('div#utility p.resize span.decrease').click(function() {
> if($('div#wrap').attr('class') == "xlarge") {
> $('div#wrap').removeClass("xlarge");
> $('div#wrap').addClass("large");
> }
> else if($('div#wrap').attr('class') == "large") {
> $('div#wrap').removeClass("large");
> $('div#wrap').addClass("medium");
> }
> else if($('div#wrap').attr('class') == "medium") {
> $('div#wrap').removeClass("medium");
> $('div#wrap').addClass("default");
> }
> });
> });
>
>
> HTML:
> <div id="wrap" class="default">
> <div id="header">
> <div id="banner">
> <div id="utility">
> <p class="breadcrumb">You are on the Start
> Page</p>
> <p class="contrast" title="Hight Contrast
> Version">High Contrast
> Version</p>
> <p class="resize">Increase or decrease the text
> size: <span
> class="increase" title="Increase text size">+</span> <span
> class="decrease" title="Decrease text size">-</span></p>
> </div>
>
>
> ...The JS just changes the class on #wrap, and then the css takes care of
> the text resizing
>
> I'm not too hot at JavaScript, and I don't know jQuery front to back, so
> I'm
> sure I'm probably doing something wrong...
>
> any help is appreciated - and let me know if I need to post more code...
> Thanks!
> --
> View this message in context:
> http://www.nabble.com/.click%28%29-not-working-in-ie6...-%27g%27-is-null-or-not-an-object-tf4488718s15494.html#a12801113
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
