Quicktabs для Drupal 6 довольно красиво показывал в области контента процесс загрузки ajax таба:
В версии же для Drupal 7 процесс загрузки показывается с помощью throbber-а возле активного таба, что по моему ужасно (контент при этом просто пропадает, а табы скачут):
Делаем по-старому:
1. Добавляем в js файл темы:
(function ($) {
Drupal.behaviors.THEMENAME= {
attach: function (context, settings) {
$('.quicktabs-tabs a:not(.quicktabs-loaded)', context).click(function() {
if ($(this).hasClass('progress-disabled')) {
$(this).closest('.quicktabs-wrapper').addClass('quicktabs-loading');
}
});
if ($(context).hasClass('quicktabs-tabpage')) {
$(context).closest('.quicktabs-wrapper').removeClass('quicktabs-loading');
}
}
};
})(jQuery);
2. Добавляем в css файл темы:
.quicktabs-tabs .ajax-progress {
display: none;
}
.quicktabs-loading .quicktabs_main {
height: 30px;
margin-top: 20px;
background: url(/misc/progress.gif);
}
Результат:
Написанное актуально для
Quicktabs 7.x-3.x
Добавить комментарий