jquery

Drupal: Как открыть в Fancybox любую страницу сайта

Код, по клику на элементе #fancy-contact открывает в Fancybox форму контактов расположенную по адресу /contact:

$('#fancy-contact').click(function(){
$.fancybox.showActivity();
$.get(Drupal.settings.basePath + 'contact', function(data){
var form = $('#contact-mail-page', data);
$.fancybox({content:form});
});
});

подробнее

Выпадающее праймари (секондари) горизонтальное меню

В прошлом уроке я писал о создании меню. Однако оно было вертикальным, раскрывалось только при клике. И без закруглений. Кому-то оно может быть очень полезным, но большинству сайтов требуется более стандартное меню - горизонтальное, выпадающее, с закруглениями. Причём эти закругления должны подгружаться без задержек.

Итак, сначала выводим меню также как и в предыдущем уроке (в page.tpl.php):

"Умное" раскрывающееся вертикальное меню на jquery за 2 минуты

Сейчас поговорим о том, как за 2 минуты сделать своё выпадающее меню, не обделённое мозгами, на скриптах, не прибегая к дополнительным модулям.

Допустим, у нас есть такое праймари меню:

jQuery 1.4.2 для фронтенда Drupal-сайта

Куча интересных и полезных плюшек работают с jQuery версии 1.4.2, которой в Drupal нет (сдаётся мне и не предвидеться). Исправим ситуацию!

читать далее

Drupal: Советы и трюки (Часть I)



Всегда интересно прикручивать к Drupal интересные «плюшки» без использования модулей. Рассмотрим несколько из них, использовать их в своих проектах или нет — ваше право. Так же, рассмотрено несколько вопросов по темизации.

читать далее

Модуль jQuery Fancybox для Drupal 6

Вдогонку к предыдущей статье, где было рассмотрено «вживление» в CMS Drupal jQuery-плагина Fancybox «ручным» методом, предлагаю вариант интеграции в виде полноценного модуля.

читать далее

jQuery: Делаем сворачивающиеся блоки в теле ноды

Бывает, что текст публикации содержит чересчур «много букв», и в изначальном своем виде вообще трудночитаем и не удобен для восприятия. Значит - самое время задействовать дефолтом подгружающуюся к страницам вашего сайта на Друпале библиотеку jQuery.

читать далее

Заменяем подсказки на всплывающие используя CSS и jQuery

Добавляем в CSS файл строки:

#floatingMessage, #floatingMessage.hidden {
  display: none;
}

#floatingMessage.visible {
  display: block;
  position: absolute;
  background-color: white;
  border: 2px solid black;
  padding: 5px;
  z-index: 7;
  max-width: 250px;
}
.form-item .description {
display:none;
}

RSS-материал