Комментарии к записи: Как использовать виджет Accordion в качестве меню? http://www.linkexchanger.su/2009/104.html css, html, php, javascript, jQuery, ajax ... - решения, примеры, рецепты Tue, 07 Feb 2012 14:36:04 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Автор: Gennady http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-64725 Gennady Tue, 19 Jan 2010 09:30:34 +0000 http://www.linkexchanger.su/2009/104.html#comment-64725 Обсуждение статьи можно продолжить на <a href="http://www.linkexchanger.su/forum/viewtopic.php?f=3&t=12" rel="nofollow">форуме jQuery</a>. Обсуждение статьи можно продолжить на форуме jQuery.

]]> Автор: Kotoff http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-63344 Kotoff Sun, 10 Jan 2010 23:06:06 +0000 http://www.linkexchanger.su/2009/104.html#comment-63344 По первому своему вопросу я решение нашел, оно может выходит за рамки данной статьи, но может кому-то оно будет полезным. Суть заключается в том, что-бы отказать от использования плагина Accordion, поскольку средствами чистого jQuery сделать такое меню, как мне показалось, не намного сложнее: function jMenu() { $('#menu ul').hide(); $('#menu li a').click( function() { var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { $('#menu ul:visible').slideUp('normal'); return false; } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('#menu ul:visible').slideUp('normal'); checkElement.slideDown('normal'); return false; } }); } $(document).ready(function() {jMenu();}); Мне показалось что данный способ даже более гибок в настройке, не так удобен, но тут зато все как на ладони, отслеживается весь процесс, так сказать. Вот html разметка: [ul id="menu"] [li][a href="#"] 1 [/a][/li] [li][a href="#"] 2 [/a][/li] [li] [a href="#" ] 3 [/a] [ul] [li][a href="#"] 3 - 1 [/a][/li] [li][a href="#"] 3 - 2 [/a][/li] [li][a href="#"] 3 - 3 [/a][/li] [/ul] [/li] [/ul] ...скобки, чтоб движок не сожрал текст В таком случае открываться будет только третий элемент меню. По первому своему вопросу я решение нашел, оно может выходит за рамки данной статьи, но может кому-то оно будет полезным.

Суть заключается в том, что-бы отказать от использования плагина Accordion, поскольку средствами чистого jQuery сделать такое меню, как мне показалось, не намного сложнее:

function jMenu() {
$(‘#menu ul’).hide();
$(‘#menu li a’).click( function() {
var checkElement = $(this).next();
if((checkElement.is(‘ul’)) && (checkElement.is(‘:visible’))) {
$(‘#menu ul:visible’).slideUp(‘normal’);
return false;
}
if((checkElement.is(‘ul’)) && (!checkElement.is(‘:visible’))) {
$(‘#menu ul:visible’).slideUp(‘normal’);
checkElement.slideDown(‘normal’);
return false;
}
});
}
$(document).ready(function() {jMenu();});

Мне показалось что данный способ даже более гибок в настройке, не так удобен, но тут зато все как на ладони, отслеживается весь процесс, так сказать. Вот html разметка:

[ul id="menu"]
[li][a href="#"] 1 [/a][/li]
[li][a href="#"] 2 [/a][/li]
[li]
[a href="#" ] 3 [/a]
[ul]
[li][a href="#"] 3 – 1 [/a][/li]
[li][a href="#"] 3 – 2 [/a][/li]
[li][a href="#"] 3 – 3 [/a][/li]
[/ul]
[/li]
[/ul]
…скобки, чтоб движок не сожрал текст

В таком случае открываться будет только третий элемент меню.

]]> Автор: Gennady http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-63326 Gennady Sun, 10 Jan 2010 20:00:54 +0000 http://www.linkexchanger.su/2009/104.html#comment-63326 <strong>To Kotoff:</strong> Навскидку ничего не посоветую - надо экспериментировать, пробовать. Может кто-то и нашел хорошее решение... To Kotoff:
Навскидку ничего не посоветую – надо экспериментировать, пробовать. Может кто-то и нашел хорошее решение…

]]> Автор: Gennady http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-63321 Gennady Sun, 10 Jan 2010 19:35:04 +0000 http://www.linkexchanger.su/2009/104.html#comment-63321 <strong>To Digkill:</strong> Я готов что-то советовать и подсказывать, но делать - не готов. Это принципиально. Есть довольно подробная <a href="http://www.linkexchanger.su/2008/42.html" rel="nofollow">статья</a> про то, как поставить cookie, считать или удалить. Добавьте в Ваш обработчик клика постановку cookie, а при инициализации страницы считывайте его(их) и на основании полученных значений управляйте своим меню. To Digkill:
Я готов что-то советовать и подсказывать, но делать – не готов. Это принципиально.
Есть довольно подробная статья про то, как поставить cookie, считать или удалить.
Добавьте в Ваш обработчик клика постановку cookie, а при инициализации страницы считывайте его(их) и на основании полученных значений управляйте своим меню.

]]> Автор: Kotoff http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-63184 Kotoff Sat, 09 Jan 2010 18:43:23 +0000 http://www.linkexchanger.su/2009/104.html#comment-63184 Еще один вопросик... я вот замечаю что в IE при обновлении страницы, меню секунду выглядит в развернутом виде... это немного некрасиво выглядит... можно ли это как-то исправить? в описании я ничего не нашел... Еще один вопросик… я вот замечаю что в IE при обновлении страницы, меню секунду выглядит в развернутом виде… это немного некрасиво выглядит… можно ли это как-то исправить? в описании я ничего не нашел…

]]> Автор: Kotoff http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-63127 Kotoff Sat, 09 Jan 2010 11:51:58 +0000 http://www.linkexchanger.su/2009/104.html#comment-63127 Gennady, здравствуйте, есть небольшой вопрос, у меня тоже возникла необходимость делать некоторые заголовки меню неактивными, тоесть что-бы они были толко как ссылками, сделал как Вы тут советовали: $(”a.out”).click(function(){ location.href=$(this).attr('href'); }); Но в таком случае, заголовок при нажатии всеравно попытается раскрыться, но конечно тут же схлопнется, когда произойдет переход по ссылке. Как вот сделать так, что-бы он был совсем статичным? Gennady, здравствуйте, есть небольшой вопрос, у меня тоже возникла необходимость делать некоторые заголовки меню неактивными, тоесть что-бы они были толко как ссылками, сделал как Вы тут советовали:
$(”a.out”).click(function(){
location.href=$(this).attr(‘href’);
});
Но в таком случае, заголовок при нажатии всеравно попытается раскрыться, но конечно тут же схлопнется, когда произойдет переход по ссылке.

Как вот сделать так, что-бы он был совсем статичным?

]]> Автор: Digkill http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-63012 Digkill Fri, 08 Jan 2010 21:18:49 +0000 http://www.linkexchanger.su/2009/104.html#comment-63012 <pre lang="javascript">$(document).ready(function() { $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url(/Dscs/a2.png)"}) .next("div.menu_body").slideToggle(300) .siblings("div.menu_body") .slideUp("slow"); $(this).siblings() .css({backgroundImage:"url(/Dscs/a1.png)"}); }); });</pre> сделайте пожалуйста сохранение в куки для этого меню $(document).ready(function() { $("#firstpane p.menu_head").click(function() { $(this).css({backgroundImage:"url(/Dscs/a2.png)"}) .next("div.menu_body").slideToggle(300) .siblings("div.menu_body") .slideUp("slow"); $(this).siblings() .css({backgroundImage:"url(/Dscs/a1.png)"}); }); });

сделайте пожалуйста сохранение в куки для этого меню

]]> Автор: Gennady http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-57298 Gennady Tue, 15 Dec 2009 18:25:14 +0000 http://www.linkexchanger.su/2009/104.html#comment-57298 А, ну если в таком смысле... Тогда да :) А, ну если в таком смысле… Тогда да :)

]]> Автор: edmeen http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-57291 edmeen Tue, 15 Dec 2009 17:38:46 +0000 http://www.linkexchanger.su/2009/104.html#comment-57291 Gennady, спасибо большое. Дело в том, что меню может состоять из нескольких пунктов, где не будет подпунктов... что не есть хорошо. ps: никого обидеть не хотел ;) Gennady, спасибо большое.
Дело в том, что меню может состоять из нескольких пунктов, где не будет подпунктов… что не есть хорошо.
ps: никого обидеть не хотел ;)

]]> Автор: Gennady http://www.linkexchanger.su/2009/104.html/comment-page-2#comment-56892 Gennady Mon, 14 Dec 2009 07:09:31 +0000 http://www.linkexchanger.su/2009/104.html#comment-56892 Ну Вы уж право... Я не предлагал способ, а всего лишь показывал как сделать так, чтобы по щелчку по заголовку осуществлялся переход.... <pre lang="javascript">$(”a.out”).click(function(){ location.href=$(this).attr('href'); });</pre> Переходим на url, указанный в href ссылки, по которой кликнули. Но я тогда не понимаю, в чем будет смысл использования виджета - ведь вместо того, чтобы открыть секцию, Вы направляете пользователя куда-то.... Ну Вы уж право… Я не предлагал способ, а всего лишь показывал как сделать так, чтобы по щелчку по заголовку осуществлялся переход….

$(”a.out”).click(function(){
  location.href=$(this).attr('href');
});

Переходим на url, указанный в href ссылки, по которой кликнули. Но я тогда не понимаю, в чем будет смысл использования виджета – ведь вместо того, чтобы открыть секцию, Вы направляете пользователя куда-то….

]]>