Dotclear

source: themes/berlin/tpl/user_footer.html @ 2640:489437dde4f5

Revision 2640:489437dde4f5, 1.5 KB checked in by Anne Kozlika <kozlika@…>, 12 years ago (diff)

New default theme BERLIN, first commit.
Needs A LOT of clean-up and to be enhanced.

Line 
1
2<script type="text/javascript">
3        $("html").addClass("js");
4        // Show/Hide main menu
5        $(".header__nav").
6        before('<button id="hamburger" type="button" role="button"><span class="visually-hidden">Navigation</span></button>').
7        toggle();
8        $("#hamburger").click(function(){
9                $(this).toggleClass("open");
10                $(".header__nav").toggle('easing');
11        });
12        // Show/Hide sidebar on small screens
13        $("#main").prepend('<button id="offcanvas-on" type="button" role="button"><span class="visually-hidden">Show menu</span></button>');
14        $("#offcanvas-on").click(function(){
15            var btn = $('<button id="offcanvas-off" type="button" role="button"><span class="visually-hidden">Hide menu</span></button>');
16            $("#wrapper").addClass("off-canvas");
17            $("#sidebar").prepend(btn);
18            btn.click(function(evt){
19                $("#wrapper").removeClass("off-canvas");
20                evt.target.remove();
21            });
22        });
23        $(document).ready(function(){
24        // totop scroll
25        $(window).scroll(function() {
26                if($(this).scrollTop() != 0) {
27                    $('#gotop').fadeIn();
28                } else {
29                    $('#gotop').fadeOut();
30                }
31            });
32
33            $('#gotop').click(function() {
34                $('body,html').animate({scrollTop:0},800);
35            });
36});
37</script>
38<!--
39Todo:
40Off-canvas
41    Passer les chaînes de caractères en variables pour les traductions.
42-->
Note: See TracBrowser for help on using the repository browser.

Sites map