Прикрутка cookies к меню на jquery

@dartwlad · Регистрация: 24.02.2013

Студворк — интернет-сервис помощи студентам

Доброго времени суток! Вопрос вот в чем. Есть вертикально меню, аккордеон, несколько уровней. Но нужно сделать так, чтобы при открытии уровня и после перехода по ссылке, уровень оставался открытым. Знаю, что нужно прикрутить jquery.cookies, но вопрос в том, как это сделать?
Вот код:

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<div class="topnav">
<ul>
<li><a href="#">Металл</a></li>
    <li><a href="#">Металл и арматура</a>
        <ul>
             <li><a href="#">Арматура</a></li>
             <li><a href="#">Труба профильная</a></li>
             <li><a href="#">Проволока вязальная</a></li>
             <li><a href="#">Уголок</a></li>
             <li><a href="#">Электроды</a></li>
        </ul>
    </li>
        <li><a href="#">Металл и арматура</a>
        <ul>
             <li><a href="#">Арматура</a></li>
             <li><a href="#">Труба профильная</a></li>
             <li><a href="#">Проволока вязальная</a></li>
             <li><a href="#">Уголок</a></li>
             <li><a href="#">Электроды</a></li>
        </ul>
    </li>
    <li><a href="#">Металл и арматура</a>
        <ul>
             <li><a href="#">Арматура</a></li>
             <li><a href="#">Труба профильная</a></li>
             <li><a href="#">Проволока вязальная</a></li>
             <li><a href="#">Уголок</a></li>
             <li><a href="#">Электроды</a></li>
        </ul>
    </li>
        <li><a href="#">Металл и арматура</a>
        <ul>
             <li><a href="#">Арматура</a></li>
             <li><a href="#">Труба профильная</a></li>
             <li><a href="#">Проволока вязальная</a></li>
             <li><a href="#">Уголок</a></li>
             <li><a href="#">Электроды</a></li>
        </ul>
    </li>
    <li><a href="#">Металл и арматура</a>
        <ul>
             <li><a href="#">Арматура</a></li>
             <li><a href="#">Труба профильная</a></li>
             <li><a href="#">Проволока вязальная</a></li>
             <li><a href="#">Уголок</a></li>
             <li><a href="#">Электроды</a></li>
        </ul>
    </li>
    <li><a href="#">Металл и арматура</a>
        <ul>
             <li><a href="#">Арматура</a></li>
             <li><a href="#">Труба профильная</a></li>
             <li><a href="#">Проволока вязальная</a></li>
             <li><a href="#">Уголок</a></li>
             <li><a href="#">Электроды</a></li>
        </ul>
    </li>
    <li><a href="#">Металлические</a>
        <ul>
             <li><a href="#">Сетка кладочная</a></li>
             <li><a href="#">Сетка  рабица</a></li>
             <li><a href="#">Сетка штукатурная</a>
                <ul>
                    <li><a href="#">Сетка штукатурная 1</a></li>
                    <li><a href="#">Сетка штукатурная 2</a></li>
                    <li><a href="#">Сетка штукатурная 3</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
.topnav {
        background: #d3d3d3;
        width: 268px;
        padding:0;  
        list-style:none;
}
 
.topnav ul{
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 0.5em;
    list-style: none;
}
 
.topnav li {
    width:268px;
    list-style: none;
    background:#a5a5a5;
    margin-top:4px;
    margin-bottom:4px;
    }
 
.topnav li a {
            display: block;
            line-height: 15px;
            padding:15px 15px 15px 7px;
            color:#000000;
            width: 253px;
            height: auto;
            text-decoration: none;
            font-size: 13px;
            font-weight: normal;
            outline:none;
}
 
.topnav li a:hover {
            display: block;
            color:#424242;
            text-decoration:none;
}
 
.topnav ul ul {
            background:#ededed;
            width:268px;
            padding: 5px 0 0px 0;
            display:none;
}
 
.topnav ul ul li {
    margin: 0;
    padding: 0;
    clear: both;
    margin-bottom:3px;
}
 
.topnav ul ul li a {
                width:261px;
                height: auto !important;
                border-left:2px solid #000000;
                 padding:7px 0px 7px 6px;
                line-height: 12px;
                text-decoration: none;
                color: #000;
                text-indent:0px;
                font-size:12px;
                background: #bfc0c0;
 
}
 
.topnav ul ul li.active a {
                color: #000;
                font-weight: bold;
}
 
.topnav ul ul li a:hover {
            background: #cbcccc;
            padding:7px 0px 7px 6px;
            border-left:2px solid #000000;
                width:261px;
                height: auto !important;
                line-height: 12px;
                color: #424242;
                font-size:12px;
}
 
.topnav ul ul ul li a {
    width:252px;
    background-color:#cbcccc;
    border-left:2px solid #6a6a6a;
    color:#000000;
    padding-left:15px;
}
 
.topnav ul ul ul li a:hover {
width:252px;
    background-color:#cbcccc;
    padding-left:15px;
    color:#675C7C;
}
 
.topnav ul span{float: left;clear:both; padding-right:10px; }

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/*
 * jQuery UI Multilevel Accordion v.1
 * 
 * Copyright (c) 2011 Pieter Pareit
 *
 * [url]http://www.scriptbreaker.com[/url]
 *
 */
 
//plugin definition
 
(
 
function($){
    $.fn.extend({
 
    //pass the options variable to the function
    accordion: function(options) {
        
        var defaults = {
            accordion: 'true',
            speed: 300,
            closedSign: '[+]',
            openedSign: '[-]'
        };
 
        // Extend our default options with those provided.
        var opts = $.extend(defaults, options);
        //Assign current element to variable, in this case is UL element
        var $this = $(this);
        
        //add a mark [+] to a multilevel menu
        $this.find("li").each(function() {
            if($(this).find("ul").size() != 0){
                //add the multilevel sign next to the link
                $(this).find("a:first").append("<span>"+ opts.closedSign +"</span>");
                
                //avoid jumping to the top of the page when the href is an #
                if($(this).find("a:first").attr('href') == "#"){
                    $(this).find("a:first").click(function(){return false;});
                }
            }
        });
 
        //open active level
        $this.find("li.active").each(function() {
            $(this).parents("ul").slideDown(opts.speed);
            $(this).parents("ul").parent("li").find("span:first").html(opts.openedSign);
        });
 
        $this.find("li a").click(function() {
            if($(this).parent().find("ul").size() != 0){
                if(opts.accordion){
                    //Do nothing when the list is open
                    if(!$(this).parent().find("ul").is(':visible')){
                        parents = $(this).parent().parents("ul");
                        visible = $this.find("ul:visible");
                        visible.each(function(visibleIndex){
                            var close = true;
                            parents.each(function(parentIndex){
                                if(parents[parentIndex] == visible[visibleIndex]){
                                    close = false;
                                    return false;
                                }
                            });
                            if(close){
                                if($(this).parent().find("ul") != visible[visibleIndex]){
                                    $(visible[visibleIndex]).slideUp(opts.speed, function(){
                                        $(this).parent("li").find("span:first").html(opts.closedSign);
                                    });
                                    
                                }
                            }
                        });
                    }
                }
                if($(this).parent().find("ul:first").is(":visible")){
                    $(this).parent().find("ul:first").slideUp(opts.speed, function(){
                        $(this).parent("li").find("span:first").delay(opts.speed).html(opts.closedSign);
                    });
                    
                    
                }else{
                    $(this).parent().find("ul:first").slideDown(opts.speed, function(){
                        $(this).parent("li").find("span:first").delay(opts.speed).html(opts.openedSign);
                    });
                }
            }
        });
    }
});
})(jQuery);

http://jsfiddle.net/sWrkH/2/
(меню работает хорошо, просто фиддл что-то недоработал)

@Soldado · 24.02.2013, 20:12

dartwlad, не работает Ваше меню. В добавлении сообщений кликните Расширенный режим и 'скрепочкой' прикрепите архив с рабочим примером, тогда можно будет думать о куках.

Если хотите попробовать сами, то нужно использовать плагин jquery.cookie.js. Здесь пример и скачать можно.

И ещё, нужно скрипт написать в котором выбрать каждый раскрывающийся UL (можно и все UL в меню).
Получить у каждого выбранного элемента свойство display и записать в куки. И вторая часть - это обратная процедура, извлечь куки и свойства присвоить всем UL. Эту вторую часть записать в верху кода, а первую записать в клик. Переходим на новую страницу. И всем блокам будут присвоены свои свойства. Тот, что был открыт и будет открыт.
По клику запустим функцию записи куков с задержкой - чтобы завершились все процессы открывания и закрывания.
( можно всем UL, которые раскрываются присвоить общий класс или всем ссылкам которые не переходят а расскрывают меню - общий класс и работать с этим классом )
Попробуйте такой код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script type="text/javascript">
 $(document).ready(function(){
 
// вывод кук и запись свойств раскрывающихся UL
 
    var b=0;
$('.topnav ul').prev('a').each (function(){
 $(this).next('ul').css('display',$.cookie("openUl"+b));
b++;    
 });    
 
 
// по клику с задержкой перезаписываем куки  
 var i; 
 $('.topnav ul').prev('a').click(function(e){
 e.preventDefault();
  
setTimeout(fncookie, 400);// задержка 0.4 секунды у Вакс может быть меню раскрываются с другой скоростью
});
 
 
// функция записи свойств в куки
 
function fncookie(){  
 $('.topnav ul').prev('a').each (function(){
 var cocD=$(this).next('ul').css('display');
$.cookie("openUl"+i, cocD);
i++;
 });
} 
    
 
 
});/*end  ready*/
</script>

Та как Ваш код у меня не заработал, то я написал свой, но упростил немного меню - убрал двухуровневые пункты, чтобы код упростился. На запись кук это не влияет. Выберутся те что надо и на втором уровне.
Демо-страница

@dartwlad · 25.02.2013, 00:17 **[ТС]**

Soldado, меню работает, пример на http://u4ebagermania.ru/ , и уровня надо 3. сейчас мы не говорим о исходном коде, а говорим о том, как мне к существуючему прикрутить кукишы.

@Soldado · 25.02.2013, 01:01

Я выложил код. Должно работать для любого количества уровней. Я отбираю все ссылки после которых идёт ul

JavaScript
1
$('.topnav ul').prev('a')

Это ссылки, которые открывают меню. После каждого клика заношу в куки свойство display UL.

Я вам дал код и продемонстрировал, что код рабочий. Этот код - для Вашего меню. Вставляйте его целяком в каждую страницу (если набор страниц), как это сделал я на своей демонстрации, если движок используете, то какой?
Дайте подробности. Не будет этого - Вам никто не сможет помочь

Я так и не понял с чем Вы работаете, в чём у Вас затруднение?

@dartwlad · 25.02.2013, 19:25 **[ТС]**

Soldado, добрый день! Спасибо, конечно, за код и за помощь, но у вопрос у меня был очень простой

Не надо было полностью переделывать код, потому что тот код, который у меня, работает хорошо. И то ваше меню хорошее, но все равно с 3 уровнями не работает, и сворачивается предыдущий пункт, когда открываешь следующий. Все, что я у вас попрошу - это просто приделать к этому коду, который я прикрепил, куки. Буду просто очень благодарен)(спасибо и за всю помощь и сприяние, которое вы сделали уже до этого)
Вот и сам код, в который нужно вставить функции куки:

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
/*
 * jQuery UI Multilevel Accordion v.1
 * 
 * Copyright (c) 2011 Pieter Pareit
 *
 * [url]http://www.scriptbreaker.com[/url]
 *
 */
 
//plugin definition
(function($){
    $.fn.extend({
 
    //pass the options variable to the function
    accordion: function(options) {
        
        var defaults = {
            accordion: 'true',
            speed: 300,
            closedSign: '[+]',
            openedSign: '[-]'
        };
 
        // Extend our default options with those provided.
        var opts = $.extend(defaults, options);
        //Assign current element to variable, in this case is UL element
        var $this = $(this);
        
        //add a mark [+] to a multilevel menu
        $this.find("li").each(function() {
            if($(this).find("ul").size() != 0){
                //add the multilevel sign next to the link
                $(this).find("a:first").append("<span>"+ opts.closedSign +"</span>");
                
                //avoid jumping to the top of the page when the href is an #
                if($(this).find("a:first").attr('href') == "#"){
                    $(this).find("a:first").click(function(){return false;});
                }
            }
        });
 
        //open active level
        $this.find("li.active").each(function() {
            $(this).parents("ul").slideDown(opts.speed);
            $(this).parents("ul").parent("li").find("span:first").html(opts.openedSign);
        });
 
        $this.find("li a").click(function() {
            if($(this).parent().find("ul").size() != 0){
                if(opts.accordion){
                    //Do nothing when the list is open
                    if(!$(this).parent().find("ul").is(':visible')){
                        parents = $(this).parent().parents("ul");
                        visible = $this.find("ul:visible");
                        visible.each(function(visibleIndex){
                            var close = true;
                            parents.each(function(parentIndex){
                                if(parents[parentIndex] == visible[visibleIndex]){
                                    close = false;
                                    return false;
                                }
                            });
                            if(close){
                                if($(this).parent().find("ul") != visible[visibleIndex]){
                                    $(visible[visibleIndex]).slideUp(opts.speed, function(){
                                        $(this).parent("li").find("span:first").html(opts.closedSign);
                                    });
                                    
                                }
                            }
                        });
                    }
                }
                if($(this).parent().find("ul:first").is(":visible")){
                    $(this).parent().find("ul:first").slideUp(opts.speed, function(){
                        $(this).parent("li").find("span:first").delay(opts.speed).html(opts.closedSign);
                    });
                    
                    
                }else{
                    $(this).parent().find("ul:first").slideDown(opts.speed, function(){
                        $(this).parent("li").find("span:first").delay(opts.speed).html(opts.openedSign);
                    });
                }
            }
        });
    }
});
})(jQuery);

@Soldado · 25.02.2013, 23:40

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

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

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!--Скрипт использования куки-->
 <script type="text/javascript">
 $(document).ready(function(){
 var b=0;
$('.topnav ul').prev('a').each (function(){
 $(this).next('ul').css('display',$.cookie("openUl"+b));
b++;    
 });
 
 var i; 
 $('.topnav ul').prev('a').click(function(e){
 e.preventDefault();
 setTimeout(fncookie, 400);
  i=0;
});
 
 
function fncookie(){  
 $('.topnav ul').prev('a').each (function(){
 var cocD=$(this).next('ul').css('display');
$.cookie("openUl"+i, cocD);
i++;
 });
}
 
    
});/*end  ready*/
</script>
<!--Конец скрипта использования куки-->

Добавлено через 5 минут
Не знаю почему Ваш не работает у меня, потому и просил выложить архив, я бы всё распаковал посмотрел на Ваш рабочий вариант и "прикрутил" к нему куки, чтобы уже быть уверенным на все сто, что мой код универсален и подходит к меню с различным количеством уровней. Пока я предполагаю, что всё работает.

@dartwlad · 26.02.2013, 00:06 **[ТС]**

Soldado, спасибо большое за то, что пояснили. поставил код отдельно на виртуалку и на сайт, почти работает, за исключением того, что когда открываешь пункт, потом закрываешь, и когда обновляешь страницу, тот пункт снова открывается, хотя и запоминает последний. чистое меню приложил с сообщением, как и просили. думаю этот баг легко убрать, пример с вашим кодом кукис http://u4ebagermania.ru/index.php . еще раз большое спасибо, что помогаете!)

@Soldado · 26.02.2013, 00:41

Сообщение от dartwlad

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

Я уже писал по этому поводу:

Сообщение от Soldado

По клику запустим функцию записи куков с задержкой - чтобы завершились все процессы открывания и закрывания.

Я установил задержку в 400 милисекунд под свой вариант, в Вашем меню закрывание происходит не так быстро, через 400 милисекунд куки записываются, а меню ещё не закрылось, надо увеличить время. Найдите строку

JavaScript
1
setTimeout(fncookie, 400);

Запишите в ней 600 - попробовал вроде нормально. А спасибки кликайте кнопкой.

Пишите, всё ли как надо?

Добавлено через 5 минут
А у меня раньше Ваш код не работал, так как Вы не выложили инициализацию

JavaScript
1
2
3
4
5
6
$(".topnav").accordion({
        accordion:false,
        speed: 500,
        closedSign: '[+]',
        openedSign: '[-]'
    });

@dartwlad · 26.02.2013, 00:41 **[ТС]**

Soldado, все работает! Спасибо большое) Конечно, что кликну, если бы было можно, хоть бы 100 накликал) Еще раз большоееее спасибооо!

25.01.2014, 15:08

Dartwlad доброго дня Вам! Хотел попросить Вас дать исходники этого меню если Вам нетрудно, уже нет надежды, Вы мой последний шанс... У меня точно такое же меню аккордеон и задача такая же сделать так что бы вкладка оставалась открытой после перехода по ссылке.
Создавать точно такую же тему думаю нет смысла если здесь все перебрали...

@dartwlad · 25.01.2014, 15:16 **[ТС]**

Anvarich,
кажется так

@xocotl · 28.09.2016, 13:49

dartwlad, Попробовал сделать меню, как у Вас не получается почему то.
Пробовал такие варианты:
1 вариант - Скрипт с куками отдельно и подключать

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript" src="res/js/cookie.js"></script>
<script language="JavaScript">
$(document).ready(function() {
    $(".topnav").accordion({
        accordion:false,
        speed: 500,
        closedSign: '[+]',
        openedSign: '[-]'
    });
});
 
</script>

cookie.js - такой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// JavaScript Document
<!--Скрипт использования куки-->
 
 $(document).ready(function(){
 var b=0;
$('.topnav ul').prev('a').each (function(){
 $(this).next('ul').css('display',$.cookie("openUl"+b));
b++;    
 });
 
 var i; 
 $('.topnav ul').prev('a').click(function(e){
 e.preventDefault();
 setTimeout(fncookie, 400);
  i=0;
});
 
 
function fncookie(){  
 $('.topnav ul').prev('a').each (function(){
 var cocD=$(this).next('ul').css('display');
$.cookie("openUl"+i, cocD);
i++;
 });
}
 
    
});/*end  ready*/

2 вариант - Оба кода в header но в отдельных тегах:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<script language="JavaScript">
$(document).ready(function() {
    $(".topnav").accordion({
        accordion:false,
        speed: 500,
        closedSign: '[+]',
        openedSign: '[-]'
    });
});
</script>
 
<script type="text/javascript">
 $(document).ready(function(){
 var b=0;
$('.topnav ul').prev('a').each (function(){
 $(this).next('ul').css('display',$.cookie("openUl"+b));
b++;    
 });
 
 var i; 
 $('.topnav ul').prev('a').click(function(e){
 e.preventDefault();
 setTimeout(fncookie, 600);
  i=0;
});
 
 
function fncookie(){  
 $('.topnav ul').prev('a').each (function(){
 var cocD=$(this).next('ul').css('display');
$.cookie("openUl"+i, cocD);
i++;
 });
}
 
    
});/*end  ready*/
</script>

3 вариант - Оба кода в header и в одном теге:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script language="JavaScript">
 $(document).ready(function(){
 var b=0;
$('.topnav ul').prev('a').each (function(){
 $(this).next('ul').css('display',$.cookie("openUl"+b));
b++;    
 });
 
 var i; 
 $('.topnav ul').prev('a').click(function(e){
 e.preventDefault();
 setTimeout(fncookie, 600);
  i=0;
});
 
 
function fncookie(){  
 $('.topnav ul').prev('a').each (function(){
 var cocD=$(this).next('ul').css('display');
$.cookie("openUl"+i, cocD);
i++;
 });
}
 
    
});/*end  ready*/
$(document).ready(function() {
    $(".topnav").accordion({
        accordion:false,
        speed: 500,
        closedSign: '[+]',
        openedSign: '[-]'
    });
});
 
</script>

Но ничего не получается

Подскажите пожалуйста где я ошибаюсь?

@xocotl · 30.09.2016, 17:25

Заработало! Оказывается на реальном сайте только работает. Но только почему то в Эксплоуэре не запоминаются верхние пункты меню ??? Нижние все ок . А в остальных браузерах все нормально

Добавлено через 16 часов 35 минут
Если удалить, часть вложенных элементов меню, то все работает. Выяснилось, что есть какое то ограничение до 4кб. И видимо кук очень большой и эксплоуер его не ест.

Как выйти из подобной ситуации???

Может кто то помочь? Почему никто не отвечает?

Написали бы, хоть что я чайник!!!

)

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@dartwlad 9 / 9 / 1 Регистрация: 24.02.2013 Сообщений: 59
	25.02.2013, 00:17 [ТС]
	Soldado, меню работает, пример на http://u4ebagermania.ru/ , и уровня надо 3. сейчас мы не говорим о исходном коде, а говорим о том, как мне к существуючему прикрутить кукишы. 0

@dartwlad 9 / 9 / 1 Регистрация: 24.02.2013 Сообщений: 59
	26.02.2013, 00:41 [ТС]
	Soldado, все работает! Спасибо большое) Конечно, что кликну, если бы было можно, хоть бы 100 накликал) Еще раз большоееее спасибооо! 0

Anvarich
	25.01.2014, 15:08
	Dartwlad доброго дня Вам! Хотел попросить Вас дать исходники этого меню если Вам нетрудно, уже нет надежды, Вы мой последний шанс... У меня точно такое же меню аккордеон и задача такая же сделать так что бы вкладка оставалась открытой после перехода по ссылке. Создавать точно такую же тему думаю нет смысла если здесь все перебрали...

@xocotl 0 / 0 / 0 Регистрация: 06.09.2016 Сообщений: 3
	30.09.2016, 17:25
	Заработало! Оказывается на реальном сайте только работает. Но только почему то в Эксплоуэре не запоминаются верхние пункты меню ??? Нижние все ок . А в остальных браузерах все нормально Добавлено через 16 часов 35 минут Если удалить, часть вложенных элементов меню, то все работает. Выяснилось, что есть какое то ограничение до 4кб. И видимо кук очень большой и эксплоуер его не ест. Как выйти из подобной ситуации??? Может кто то помочь? Почему никто не отвечает? Написали бы, хоть что я чайник!!! ) 0