javascript

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});
});
});

подробнее

Pop-up логин при помощи javascript

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

Как это сделать в теории:

  • запихиваем блок логина в какой-нибудь div
  • скрываем этот div через css (display:none;)
  • создаём кнопку/ссылку с надписью ВХОД
  • вешаем скрипт, который при нажатии на кнопку ВХОД показывает/прячет div с блоком логина

А теперь к практике:

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

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

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

Разворачивающийся тизер при клике на заголовок ноды

Поступила заявка, сделать следующий урок: "Пример: страница с перечнем новостей, но показываются только тайтлы + дата публикации и автор. Нажимаешь на тайтл и под ним разворачивается на js тизер с ссылкой на полную ноду."

Для начала нам нужен будет вот такой код в файле node.tpl.php:

Меню с анимацией

Всегда хочется своё основное меню как-нибудь украсить. Кто-то делает его выпадающим, иногда раздвигающимся. Кто-то навешивает на него разных красивых картинок. Я вот решил прикрутить к меню красивый скрипт, который видели немногие. А так как меню многим нравится, я решил рассказать как его сделать. Темболее что оно абсолютно кроссбраузерно.

RSS-материал