10 октября 2013 в 11:20
Как реализовать при выборе пункта меню замену одного блока другим на jquery ?
Как реализуется
Главные вкладки
10 октября 2013 в 11:20
Комментарии
jQuery('.button_top_menu_but_1').click(function()
{
jQuery('.top_menu_1_content').fadeIn(100);
jQuery('.top_menu_2_content').fadeOut(0);
});
});
Как в него вписать блоки?
вместо .top_menu_2_content написать #айдишник_блока_1
Хм, ок.Тогда следующий вопрос. Дефолтная конструкция скрипта с привязкой его к шаблону в инфо файле не пашет, так-же как и:
(function ($) {
Drupal.behaviors.basic = {
attach: function(context, settings) {
/*Add your js code here*/
alert('hello');
}
};
})(jQuery);
Точнее, работают только бональные алерты.
ошибки сыпятся?
если банальные алерты работают-то и банальные скрывалки и показывалки блоков тоже должны работать.
Вот к примеру:
Drupal.behaviors.Clear = {
attach: function(context, settings) {
$('#search-form-block .form-text').val('Поиск');
$('#search-form-block .form-text').focus(function(){
if(this.value == 'Поиск'){
this.value = '';
}
});
$('#search-form-block .form-text').blur(function(){
if(this.value == 'Поиск'){
this.value = '';
}
});
}};
})(jQuery);
Где я ошибся?=\
Правильнее поместить в template.php вот такую функцию
function YOURTHEME_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'search_block_form') {
$form['search_block_form']['#attributes']['value'] = t('Search');
$form['search_block_form']['#attributes']['onblur'] = "if (this.value == '') {this.value = '" . t('Search') . "';}";
$form['search_block_form']['#attributes']['onfocus'] = "if (this.value == '" . t('Search') . "') {this.value = '';}";
}
}
Будем пробовать. Спасибо.
Хм. Опять возникла трабла.
1. При создании пунктов меню необходимо указывать путь, какой указывать путь если клик по пункту будет выполнять скрипт jquery? (по дефолту указано ).
2. И как сделать что-бы определенные пункты например на главной были развернуты.
Моя структура:
1.
Пункт 1 ссылка по которой происходит раскрытие вложенных пунктов п1.1 + п1.2 и ниже п1.1.1
-- Пункт 1.1 ссылка по которой происходит вывод в левый мини блок контента 1
--- Пункт 1.1.1 ссылка по которой происходит вывод в блок контента выбранного раздела.
-- Пункт 1.2 ссылка по которой происходит вывод в левый мини блок контента 2 и замена пункта 1.1.1 на п1.2.1
--- Пункт 1.2.1 ссылка по которой происходит вывод в блок контента выбранного раздела.
Мб дадите ссылок на документацию типа:"гайд". Так-как сверстать сверстал, а во время прикручивания возникают проблемы.
В настройках родительских пунктов укажите "Показывать развернутым". Если ссылка для родителя не нужна, поставьте модуль https://drupal.org/project/special_menu_items
Но это не избавит от перезагрузки страницы, так-как оставлять поле пустым нельзя.
Может добавить кучу блоков с кодом под каждый вариант изменяемой части меню?=\ И добавить скрипт на их смену.
Прочитайте мое коммент выше
Да куча мыслей в голове по разным проблемам. Прочитал и половина отлетела
Попробую использовать этот модуль: http://content-management-systems.info/drupal/project/menu_item_container
К сожалению этот вариант не подходит. Так-как элемент становится статичным в следствии чего нельзя задать изменения при наведении и при клике.
Я с таким-же успехом мог дописать пару бэкграунд дивов в шаблон. =\
:hover можете применять хоть к span, хоть к div - объясните толком что вам нужно
sergeybelya, извиняюсь отвечая тебе совсем забыл что актив класс можно будет задать изменив блок после выполнения скрипта jquery (хофер так-ведь безполезен без актива).
Стили под каждый пункт написаны, это не проблема. Но что-бы не писать скрипт на заменю меню, подскажите как будет выглядеть скрипт который при клике по пункту 1.2 будет де активировать опцию:"показывать развернутым" у пунктов 1.1, 1.3, 1.4, 1.5.
Ну и соответственно то-же самое при клике по 1.2.2 с пунктом 1.2.1
Структура меню: http://rghost.ru/49292626
Само меню: http://rghost.ru/49292683
Вам что-то вроде этого нужно http://www.prombel.ru/ - меню в левой колонке?
Отдаленно напоминает мою задумку.
Сейчас опишу как работает (в идеале) мое меню (как оно работало в сверстанном html шаблоне)
При переходе по п.2 (Социал), заменяются пункты 2ого и 3его ряда вызываемые п.1 (Главная),а так-же в нижний блок (Mini Views) выводится Views блок с наикратчайшим содержанием 3 последних новостей выбранного пункта второго ряда (по дефолту 1ый пункт становится активным). При нажатии на пункт 3его ряда (Вывести на главную ) в соседнем блоке (main-cintent) имеющийся блок заменяется требуемым, в котором уже большее количество новостей.
Вот такая система. Надеюсь вполне адекватно объяснил.
http://www.digett.com/blog/01/25/2012/revisited-mega-menus-drupal-7
Возможно я не полностью воспринял материал по этим "Мега меню", но все-же скорее это не то. Придется писать длинный jquery, хотя скорее всего это будет пустая трата времени, так-как на IE как всегда будет все криво, хоть и с явой он дружит.