Dotclear

source: themes/berlin/js/berlin.js @ 3915:a57821ba9ef1

Revision 3915:a57821ba9ef1, 1.3 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Switching from inline JS variables to JSON script. A step ahead…

Line 
1/*global $, getData */
2'use strict';
3
4const dotclear_berlin = getData('dotclear_berlin');
5
6$('html').addClass('js');
7// Show/Hide main menu
8$('.header__nav').
9before(`<button id="hamburger" type="button"><span class="visually-hidden">${dotclear_berlin.navigation}</span></button>`).
10toggle();
11$('#hamburger').click(function() {
12  $(this).toggleClass('open');
13  $('.header__nav').toggle('easing');
14});
15// Show/Hide sidebar on small screens
16$('#main').prepend(`<button id="offcanvas-on" type="button"><span class="visually-hidden">${dotclear_berlin.show_menu}</span></button>`);
17$('#offcanvas-on').click(function() {
18  const btn = $(`<button id="offcanvas-off" type="button"><span class="visually-hidden">${dotclear_berlin.hide_menu}</span></button>`);
19  $('#wrapper').addClass('off-canvas');
20  $('#footer').addClass('off-canvas');
21  $('#sidebar').prepend(btn);
22  btn.click(function(evt) {
23    $('#wrapper').removeClass('off-canvas');
24    $('#footer').removeClass('off-canvas');
25    evt.target.remove();
26  });
27});
28$(document).ready(function() {
29  // totop scroll
30  $(window).scroll(function() {
31    if ($(this).scrollTop() != 0) {
32      $('#gotop').fadeIn();
33    } else {
34      $('#gotop').fadeOut();
35    }
36  });
37  $('#gotop').click(function(e) {
38    $('body,html').animate({
39      scrollTop: 0
40    }, 800);
41    e.preventDefault();
42  });
43});
Note: See TracBrowser for help on using the repository browser.

Sites map