Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts

    jQuery effects-- cross browser compabilities

    I've been using show() during testing in FF an it worked fine. When it was all working, I did a little cross-browser testing and Safari for Windows has a weird rubberband effect on my show() div (which unfortunately is encased in a <td> tag).

    So I tried slideDown()... it works great in FF and Safari! And Opera too! But... IE7, nothing doing. The div shows up but then disappears immediately.

    OK, let's try slideUp(). Yes! Works in IE7! Oh... but not FF, Safari, or Opera.

    This is getting silly.

    Finally I tried fadeIn() and it works on all 4 browsers I'm testing with.

    I think this all has something to do with the fact the <div> tag I'm making visible is trapped inside a <td> tag.

  • #2
    Regular Coder Iszak's Avatar
    Join Date
    Jun 2007
    Location
    Perth, Western Australia
    Posts
    332
    Thanks
    2
    Thanked 58 Times in 57 Posts
    Yeah, effects with tables seem to be problematic for me with jQuery especially for those effects, so if you could I would avoid it in my opinion. You could always try some of the jQuery UI effects if you're not too worried about adding file size to your website, and test those.

  • #3
    New Coder
    Join Date
    Feb 2009
    Location
    Uzbekistan
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you can add an id or class to your div you can just apply your effects to that div only... leaving out the td element...

  • #4
    UE Antagonizer Fumigator's Avatar
    Join Date
    Dec 2005
    Location
    Utah, USA, Northwestern hemisphere, Earth, Solar System, Milky Way Galaxy, Alpha Quadrant
    Posts
    7,691
    Thanks
    42
    Thanked 637 Times in 625 Posts
    I haven't tried jQuery UI with this yet, that's a good suggestion. Bloat shouldn't be an issue because the UI has a cool little utility that lets you choose the functions you actually use and it gives you a file with only those functions in it.

    Uzbekjon that's what I've done, a div with an id inside a <td> tag. I can't change the html; I'm doing the work for a client and the page is what it is.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •