Hello, we are currently creating a tabbed system to display a number
of Google Visualizations. Within the tabs there are 3 or 4 different
Annotated Timelines, each within a different tab. When we try to
display the graph within a tab it spaces out the size of the div but
does not display the google graph. When I take the same code out of
the tab and view the page the graph displays just fine. The tabs work
without any issues, we just can't get the graph to show up. Also this
is only an issues in Firefox and IE7, IE6 displays everything just
fine. Does JQuery have an issue with the added div within the tab?
Here is the tab code:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 1</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
<li><a href="#tabs-4">Tab 4</a></li>
</ul>
<div id="tabs-1">TAB 1 Contents </div>
<div id="tabs-2">Tab 2 Contents </div>
<div id="tabs-3">
<div id='chart_div' style="width:
600px; height:240px;"></div>
</div>
<div id="tabs-4">
<div id='chart_div2' style="width:600px;
height:140px;"></div>
</div>
</div>
Any help would be appreciated, or we might just have to drop the whole
tabbed section.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
