This is a convoluted problem that I was able to solve, I'm posting it in case anyone else experiences the same.
I'm using Views Tabs on a Drupal 6 site, which was running Jquery 1.2x and Jquery UI 1.6. Basically, in internet explorer 7 (on at least 3 computers, perhaps not all), when a user clicks another tab from Views Tabs the container div changes to the right size, but the content does not appear. The first tab loads fine, any subsequent tab does not. Curiously enough, if I changed the "internet security settings" AFTER clicking on this tab (doesn't matter what I changed them to), the information would then appear.
Long story short, Every combination fails to solve this issue EXCEPT running Jquery Update 2.x (which updates jquery to 1.32) and jquery ui 1.6 (do NOT update to 1.7). This worked with the current .dev versions of jquery ui, tabs, views tabs, jquery update, and views.
Comments
Comment #1
littlemisssunshine CreditAttribution: littlemisssunshine commentedCould you please explain in more detail how you got the tabs working in IE 6 & 7 please?
At the moment my first and last tab work but the 3 in between don't. I'm running jquery 1.2.6 and jquery ui 1.6 but if I upgrade to jquery 1.3.2 the website breaks.
Thanks!
Comment #2
littlemisssunshine CreditAttribution: littlemisssunshine commentedChanging the status to active.
Comment #3
vood002 CreditAttribution: vood002 commentedI've since moved away from this module, this bug being one reason why. Like I said above, the way I got it working was by using JQuery 1.32. If jq1.32 breaks your site, my solution won't work for you.
Comment #4
littlemisssunshine CreditAttribution: littlemisssunshine commentedThank you for replying. I actually managed to get the module to work by enabling the fade on the tabs.
For future reference which module do you use instead now?
Comment #5
vood002 CreditAttribution: vood002 commentedAm currently not using tabs at all =) Although, for a slightly different purpose, I've found the quicktabs module to be very stable and useful
Comment #6
greg.harveyQuicktabs++
Thinking of moving my sites away from this in to Quicktabs. Too many niggling problems every time. Quicktabs, so far, seems pretty bullet-proof.
Comment #7
mparker17I'm also experiencing this problem. I have some minimum steps to reproduce:
My systems
Steps to reproduce
drush pm-download drupal-6.22
mv ./drupal-6.22 ./public_html
cd ./public_html
drush pm-download tabs-6.x-1.3 ctools-6.x-1.8 panels-6.x-3.9 panels_tabs-6.x-1.0-rc6
drush pm-enable tabs ctools panels panels_tabs page_manager
admin/build/pages
(Administer -> Site building -> Pages):Add custom page
:Administrative title
= "Front page"Machine name
= "frontpage"Path
=frontpage
(i.e.:http://yoursite.example.com/frontpage
)Make this your site home page
= TRUEVariant type
= "Panel"Continue
to move to theChoose layout
screenCategory
= "Columns: 1"Continue
to move to thePanel settings
screenPanel settings
screen, clickContinue
to move to thePanel content
screenMiddle column
. UnderStyle
, clickChange
. A dialog will appear.Style
= "Tabs"Next
to move to theStyle settings for style Tabs (Region "Middle column")
screenStyle settings for style Tabs (Region "Middle column")
screen, clickSave
Panel settings
screen, click the gear icon inMiddle column
. ClickAdd content
New custom content
to move to theConfigure new New custom content
screenAdministrative title
= "Test content 1"Title
= "Test content 1"Body
=<table><tr><th>Quarter</th><th>Budget</th><th>Surplus (Deficit)</th></tr><tr><td>2011Q1</td><td>123,456,789</td><td>100</td></tr><tr><td>2011Q2</td><td>123,654,789</td><td>(100)</td></tr><tr><td>2011Q3</td><td>123,456,987</td><td>10</td></tr></table>
Input format
= "Full HTML"Finish
Panel settings
screen, click the gear icon inMiddle column
. ClickAdd content
New custom content
to move to theConfigure new New custom content
screenAdministrative title
= "Test content 2"Title
= "Test content 2"Body
=<table><thead><tr><th>Date</th><th>Location</th><th>Event</th></tr></thead><tbody><tr><td>2011-09-20</td><td>Waterloo, ON</td><td>Event 1</td></tr><tr><td>2011-09-21</td><td>Waterloo, ON</td><td>Event 2</td></tr><tr><td>2011-09-22</td><td>Waterloo, ON</td><td>Event 3</td></tr></tbody></table>
Input format
= "Full HTML"Finish
Panel settings
screen, clickFinish
Front page
page configuration, clickSave
at the very bottom of the pagefrontpage
(i.e.:http://yoursite.example.com/frontpage
)Conclusions
The problem may be related to the .js-hide class defined in the core system module's
system.css
file, but that seems weird, as nobody seems to have noticed it before (search 1, search 2), and AFAIK it seems to work for other modules.As a note, changing the IE7 System Security Settings works because the IE Javascript engine seems to get re-run on the page when you set the "Security level for this zone" to "High".