SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru ripcurlksm's Avatar
    Join Date
    Aug 2004
    Location
    San Clemente, CA
    Posts
    859
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Error: Load a jQuery Flot chart inside a jQuery tab

    I am trying to load a jquery chart (Flot) inside the second tab of jQuery tabs. It works fine on the opening tab, but if i bury the chart in any tab, it breaks and throws the js error "Invalid dimensions for plot..."

    I looked around and the problem might be that because the second tab is hidden at page load, it is breaking something... I dug up a possible jquery fix/plugin called frameReady, which allows for you to load iframes, but I am not sure how to apply it.

    Example:
    http://psylicyde.com/misc/tabs-charts

    Source:
    http://psylicyde.com/misc/tabs-charts.zip

    Any clue how I can enable the second tab to show the chart?

  2. #2
    SitePoint Guru ripcurlksm's Avatar
    Join Date
    Aug 2004
    Location
    San Clemente, CA
    Posts
    859
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    fixed it... i changed the css to

    .tabs-hide {
    /*display: none;*/
    position: absolute;
    left: -10000px;
    }

  3. #3
    SitePoint Guru ripcurlksm's Avatar
    Join Date
    Aug 2004
    Location
    San Clemente, CA
    Posts
    859
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey guys, I got this fixed but in internet explorer, the div is now huge and all messed up. Is there an IE hack for the above code?


Bookmarks

Posting Permissions

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