Quick Tabs do not load extra JavaScript and CSS files required by ajax-loaded content

I'm not sure what you mean by "calling the tribune block via ajax"? Just sending messages, or getting messages, or getting the whole block in HTML form?

Well... I've just tried it, and it seems to me that the problem is different : my module's javascript is not loaded at all. If it was, it should work fine regardless of whether I am using livequery or not.

The block hook just does drupal_add_js(drupal_get_path('module', 'tribune') .'/js/tribune.ajax.js'); before returning the block contents, and it looks like quicktabs doesn't quite understand that it should include the js too?

The css from drupal_add_css isn't loaded either.

I'm changing this issue to the quicktabs project, but if there's anything I can do on my side (except including the javascript and css on every page when the module is enabled, of course) to make it work...

#345175: what could be inside ajax quicktabs
I don't know what could I add to this issue. This simply does not work at current state.
You have to switch to non-ajax quicktab..

I am not a js expert, but as I see we need much more than #251578: More flexible js/css ordering and an alter operation

Yes, if at page load you add the necessary js and css files for the ajax loaded content, then it should work..

@Miraploy that issue is for D7 - this functionality will never be supported in core in Drupal 6 as far as I know. What you need is to make sure the required js and css files will be loaded on the page. If additional js settings are required, then that's another matter and again is being addressed in D7 core (see #360081: Pass Settings Locally to JS Behaviors) but not D6.

yes, this is because tribune requires extra js settings as well as the js file that you're loading on every page. And as explained above, Drupal 6 has no mechanism for updating Drupal.settings with new settings for content loaded via ajax.

Just for the record, I believe this is also affecting Views using the views_accordion style plugin, which prepares settings and adds a js file on render(), and a css file through template_preprocess_views_view_accordion.

These files are not being added if the tab is being loaded through ajax, otherwise both modules work perfectly together.

I'm the maintainer of views_accordion btw, and will be helping testing this issue if we come up with a solution.

I've just committed a fix for this, thanks to Merlinofchaos. I've implemented the same solution he uses in the CTools AJAX framework. Please test the latest dev version.
http://drupal.org/cvs?commit=332432

#14
Hard to recreate this error - here is an explanation of what I can tell you.

Create 2 quicktab blocks each with 2 tabs with the first quicktab pulling the second quicktabs block into it's second tab.
Test the first quick tab block - when you click on tab 2 which has the second quicktab block in it everything is good - when you click back to tab 1 it will change you to the URL of the first tab.
Now if you click on the second tab everything should be good again (except it reloads the tab using ajax again) then you click the first tab and it should be unresponsive.

I have also tested this programmatically. It seems to be only when a second qt block is loaded into another qt block as a tab.

Note all the tabs are working properly and if I don't follow those steps exactly then sometimes it behaves perfectly fine.

Please send me a private message for more details if required.
Thanks for this awesome module!!

Hi sapiusenator,
thanks for the detailed steps to reproduce - I can confirm the problem. I'll have a look into it and hopefully get it fixed soon - I have an idea that it might be to do with the fact that before this fix, we had already implemented measures to at least allow for ajax-loading of qtabs with their required js settings, so maybe this doubling-up is causing the problem.

Katherine

OK, this problem should be fixed now...
http://drupal.org/cvs?commit=338260

I have not been able to get any Ajax enabled quicktabs to load js/css files using the latest Quicktab releases (both rc4 and dev) but there is a workaround which is working for views carousel at least. Install the Ajax Load module (don't worry about example just the main module) and it should be working. I am using Quicktabs 6.x-2.0-rc4 and Views Carousel 6.x-2.x-dev. Installing this module also appears to resolve issues with Lightbox 2 not loading images in quicktabs.

@joshua.howell, can you please explain what is not working with the latest dev release, i.e. steps to reproduce? This should work without Ajax Load module.

Sorry for the late reply. I installed the latest dev release and was not able to get any content which included extra javascripts to function (views Carousel for example, and thickbox), to work in Ajax loaded quicktabs of views content. If i called the javascripts inside the view itself then it would work. maybe i stuffed something up but Ajax Load module resolved my issues.

From what I can tell, css and js files are not being loaded for any Quicktab views. The code that was added only seems to affect non-view tabs.

Doh! Yes, I had meant to post an update about this earlier :-( Because Views are treated differently the fix doesn't get applied to them. I'll look into whether that can be changed - in the meantime, if anyone else wants to have a go, patches are more than welcome! ;-)

subscribe

I don't think this is going to get fixed in d6 guys, however, in d7, this will be possible, now that #561858: [Tests added] Fix drupal_add_js() and drupal_add_css() to work for AJAX requests too by adding lazy-load to AJAX framework has gotten in. I'm willing to guess this is no longer a problem in D7, though no time to test it... any takers? You can try using views_accordion, it's got a 7.x version to play with.

This doesn't work here with 7.3-dev. The readme-file says I can set the number of tabs, but I can't. Anybody an idea?

I'm also seeing this issue using D7, Quick tabs 1.2-beta 1, and Views Accordion (I know this isn't the correct version for this thread, but seems to make sense to post here anyways).

I have a number of views blocks setup using view accordion. Quick tabs are setup to display a views accordion block on each tab, Ajax is set to YES. The first tab (loaded by default) displays correctly. On the subsequent tabs the accordion views break.

When Ajax is set to "No" all views work correctly.

Interesting note, when displaying a views accordion block that is not in QT, but is displayed on the same page, the accordion views then work correctly within QT.

i m sorry to tell you that normally quicktab can not load extra js files for second tab if ajax_load setting in quicktab settings is disabled, then after searching i found a way to do it by using $.getscript;

if some one knows a better way, please let me know thanks.