https://obrazow.pl/js/menu.min.js

1/**
2 * Funkcje obsługujące menu rozwijane informatora/mapy
3 * @author Alfred Broda
4 * @edited-by Michal Pomaskow
5 */
6 
7function ShowAll(id) {
8  document.getElementById("show_all_"+id).setAttribute( "onClick", "HideAll("+id+");" );
9  document.getElementById( "show_all_"+id ).setAttribute("title", "Ukryj wszystkie obiekty w kategorii");
10  document.getElementById( "show_all_"+id ).setAttribute("class", "menu-toggler sel");
11  
12  foldList("kategoria_lista_"+id);
13  
14  jQuery.each(all_subcategories_to_show[id], function(key, subcategory) {
15    ajax_actions.showAllSubcategory(subcategory[0], subcategory[1], subcategory[2]);
16  });
17}
18
19function HideAll(id) {
20  document.getElementById( "show_all_"+id ).setAttribute( "onClick", "ShowAll("+id+");" );
21  document.getElementById( "show_all_"+id ).setAttribute("title", "Pokaż wszystkie obiekty w kategorii");
22  document.getElementById( "show_all_"+id ).setAttribute("class", "menu-toggler");
23  
24  foldList("kategoria_lista_"+id);
25  
26  jQuery.each(all_subcategories_to_show[id], function(key, subcategory) {
27    ajax_actions.hideAllSubcategory(subcategory[0], subcategory[1], subcategory[2]);
28  });  
29}
30
31/**
32 * Funkcja (ro)zwijająca Listę obiektów
33 * @param {Number} id
34 * @param {String} get_url
35 * @param {String} list_url
36 */
37function toggleList(id, get_url, list_url) {
38    var subcategoryEl = document.getElementById('subkategoria_'+id);
39    var objectsList = document.getElementById('subkategoria_lista_'+id);
40
41    if (!subcategoryEl) {
42        if (showCat) {
43            showCat(get_url);
44        }
45    } else if (subcategoryEl && subcategoryEl.hasClassName('menu_level_sub')) {
46        if(objectsList) {
47            new Ajax.Request(list_url, {
48                onComplete: function() {
49                    foldList(objectsList.id);
50                    if (showCat) {
51                        showCat(get_url);
52                    }
53                },
54                onSuccess: function(ret){
55                    if (ret.status == 200) {
56                        if(objectsList) {
57                            objectsList.update(ret.responseText);
58                        }
59                        subcategoryEl.removeClassName('menu_level_sub');         //usuwa nazwe klasy css
60                        subcategoryEl.addClassName('menu_level_sub_selected');   //dodaje nazwe klasy css
61                    }
62                },
63                onFailure: function(){
64                    objectsList.update(ret.responseText);
65                    return false
66                }
67            });
68        }
69    } else if(subcategoryEl) {
70        if (hideCat) {
71            hideCat(id);
72        }
73        foldList(objectsList.id);
74        subcategoryEl.removeClassName('menu_level_sub_selected');
75        subcategoryEl.addClassName('menu_level_sub');
76    } else if (hideCat) {
77        hideCat(id);
78    }
79} 
80
81/**
82 * Funkcja (ro)zwijająca kategorie obiektów w menu mapy i ustawia ciastko
83 * @param {Number} id - id kategorii
84 * @param {String} modul - nazwa modułu (potrzebne do rozdzielenie ciasteczek)
85 */
86function foldList(id, modul) {
87    var element = document.getElementById(id);
88    if(element) {
89        jQuery(element).toggle();
90        if(element.style.display == 'none') {
91            sCookie(modul+'_'+id,'',-1);
92            jQuery(element).parent().removeClass('select');
93        } else {
94            sCookie(modul+'_'+id, true, 365);
95            jQuery(element).parent().addClass('select');
96        }
97    }
98}
99
100function showList(id) {
101    var element = document.getElementById(id);
102    
103    if(element) {
104        jQuery(element).show();
105    }
106}
107
108function checkToUnfold(id) {
109    var element = document.getElementById(id);
110    
111    if(element) {
112        if(element.style.display == 'none') {
113            return true;
114        } else {
115            return false;
116        }
117    }
118
119    return false;
120}
121
122// działanie na elementach menu (przeniesione z mainMenu)
123function mouseMenuNavigation(element, id, mode) {
124    var submenu_closer = 'submenu_closer_'+id; 
125    var handler_leave = 'handler_leave_'+id;
126    var handler_instant_leave = 'handler_instant_leave_'+id;
127    var handler_enter = 'handler_enter_'+id;
128
129
130    if(mode == 2){
131        var set_mode = "true";
132    } else {
133        var set_mode = "false";
134    }
135
136    submenu_closer = document.getElementById("submenu-closer-"+id);
137    handler_leave = function () {
138        menuFoldIn(element, set_mode);
139    };
140
141    handler_instant_leave = function () {
142        menuFoldIn(element, set_mode, true);
143    };
144
145    handler_enter = function () {
146        menuFoldOut(element, set_mode);
147    };
148
149    //	handle focus menu navigation
150    traceFocusInside(jQuery, jQuery(element), 'submenu-opened', 0, handler_enter, handler_leave);
151
152
153    //	level 1 elements focus in
154    var level1els = jQuery('li.level-1');
155    jQuery.each(level1els, function (i, el) {
156        traceFocusInside(jQuery, jQuery(this), 'level-opened', 0, function () {
157        }, function () {
158        });
159    });
160
161    //	level 2 elements focus in
162
163    var level2els = jQuery('li.level-2');
164    jQuery.each(level2els, function () {
165        traceFocusInside(jQuery, jQuery(this), 'level-opened', 0, function () {
166        }, function () {
167        });
168    });
169
170    //	level 3 elements focus in
171
172    var level3els = jQuery('ul.tiled-list li.tile-wrapper');
173    jQuery.each(level3els, function () {
174        traceFocusInside(jQuery, jQuery(this), 'level-opened', 0, function () {
175        }, function () {
176        });
177    });
178    var level3els2 = jQuery('li.level-3');
179    jQuery.each(level3els2, function () {
180        traceFocusInside(jQuery, jQuery(this), 'level-opened', 0, function () {
181        }, function () {
182        });
183    });
184
185    //	level 4 elements focus in
186    var level4els = jQuery('li.level-4');
187    jQuery.each(level4els, function () {
188        traceFocusInside(jQuery, jQuery(this), 'level-opened', 0, function () {
189        }, function () {
190        });
191    });
192
193    jQuery('a.menu-level-1').focusin(function () {
194        wyrownajMenu2(jQuery(this))
195    });
196    jQuery('li.level-1 a, li.level-2 a,li.level-3 a,li.level-4 a').focusin(function () {
197        wyrownajMenu(this)
198    });
199    jQuery('li.level-1 a, li.level-2 a ,li.level-3 a,li.level-4 a').mouseenter(function () {
200        wyrownajMenu(this)
201    });
202    jQuery('ul.level-1-wrapper').mouseleave(function () {
203        wyrownajMenu2(this)
204    });
205
206
207    //	handle mouse menu navigation
208    cb_addEventListener(element, "mouseenter", handler_enter);
209    cb_addEventListener(element, "mouseleave", handler_leave);
210    cb_addEventListener(submenu_closer, "click", handler_instant_leave);
211
212    function foldMainMenu() {
213        jQuery('.mainMenu > div.block.active').removeClass('active');
214    }
215    
216
217    jQuery(window).scroll(jQuery.debounce(250, foldMainMenu));
218}
219
220// funkcje z mobile_menu
221function handle_mobile_icon_search()
222{
223    var target = jQuery('.comn-wyszukiwarka').first();
224    clear_other_mobile_active_elements(target);
225    target.toggleClass('mobile-active');
226    toggle_body_overflow();            
227
228    if(target.hasClass('mobile-active'))
229        jQuery('.mobile-menu a.mobile-icon-search').toggleClass('active');
230}
231
232function handle_mobile_icon_tools()
233{
234    if(!jQuery('.mobile-menu a.mobile-icon-tools').hasClass('active'))
235    {
236        clear_other_mobile_active_elements();
237        var target = jQuery('.topMenu_infobar').first();
238        target.toggleClass('mobile-active');
239      
240        var target = jQuery('.accesible').first();
241        target.toggleClass('mobile-active');
242        toggle_body_overflow();
243		
244		var target2 = jQuery('.translate-bar.component');
245        target2.toggleClass('mobile-active');
246        toggle_body_overflow();	

247		
248		var target3 = jQuery('.miejsce-banerowe.facebook');
249        target3.toggleClass('mobile-active');
250        toggle_body_overflow();
251
252		var target4 = jQuery('.miejsce-banerowe.epupbip');
253        target4.toggleClass('mobile-active');
254        toggle_body_overflow();
255
256        if(target.hasClass('mobile-active'))
257            jQuery('.mobile-menu a.mobile-icon-tools').toggleClass('active');
258    }
259    else
260    {
261        jQuery('.mobile-menu a.mobile-icon-tools').toggleClass('active');
262        clear_other_mobile_active_elements();
263        toggle_body_overflow();
264    }
265}
266
267function handle_mobile_icon_langs()
268{    
269	var target2 = jQuery('.translate-bar.component');
270	clear_other_mobile_active_elements(target2);
271    target2.toggleClass('mobile-active');
272	
273    toggle_body_overflow();
274
275    if(target2.hasClass('mobile-active'))
276        jQuery('.mobile-menu a.mobile-icon-langs').toggleClass('active');
277		
278}
279
280function handle_mobile_icon_main_menu()
281{
282    var target = jQuery('.glowneMenu').first();
283    clear_other_mobile_active_elements(target);
284    target.toggleClass('mobile-active');
285    toggle_body_overflow();
286
287    if(target.hasClass('mobile-active'))
288        jQuery('.mobile-menu a.mobile-icon-main-menu').toggleClass('active');
289}
290
291function handle_mobile_icon_menu_portal()
292{
293    var target = jQuery('.portal-menu').first();
294    clear_other_mobile_active_elements(target);
295    target.toggleClass('mobile-active');
296    toggle_body_overflow();
297
298    if(target.hasClass('mobile-active'))
299        jQuery('.mobile-menu a.mobile-icon-menu-portal').toggleClass('active');			
300}
301
302function clear_other_mobile_active_elements(except)
303{
304    jQuery('.mobile-active').each(function () {
305        if (except && !jQuery(this).first().is(except.first()))
306            jQuery(this).removeClass('mobile-active').css('marginTop', '');
307        else
308            if(!except)
309                jQuery(this).removeClass('mobile-active').css('marginTop', '');
310
311    });
312
313    //jQuery('.mobile-menu a[class^="mobile-icon-"').removeClass('active');
314	jQuery('.mobile-menu a').removeClass('active');
315}
316
317function handle_mobile_panel()
318{
319	
320	$("#PAN_2 .component.ci-rotator div.numbers > div:first-child").trigger("click");
321	
322    var target = jQuery('#PAN_2').first();
323    clear_other_mobile_active_elements(target);
324    target.toggleClass('mobile-active');
325    toggle_body_overflow();
326
327    if(target.hasClass('mobile-active'))
328        jQuery('.mobile-menu a.mobile-icon-panel').toggleClass('active');
329	
330	$("#PAN_2 .component.ci-rotator div.numbers > div:first-child").trigger("click");	
331}
332
333function toggle_body_overflow()
334{
335    if(jQuery('.mobile-active').height() > 0) {
336        jQuery('html').css('overflow', 'hidden');
337        jQuery('#overlay').css('display', 'block');
338
339        var heights = 0;
340        jQuery('.mobile-active').each(function(){
341            jQuery(this).css('marginTop', heights + 'px');
342            heights += jQuery(this).outerHeight();
343        });
344    }
345    else {
346        jQuery('html').css('overflow', 'auto');
347        jQuery('#overlay').css('display', 'none');
348    }
349}