Last change
on this file since 741 was
741,
checked in by sven, 9 years ago
|
Darstellung bei schmalen Bildschirmen und Mobilgeräten erheblich
verbessert (viele kleine Detailverbesserungen bei Header und
Footer sowie der Startseite). Es fehlt noch ein ordentliches
Aufklappmenü, was nur im Deutschen testweise eingebunden wurde.
Da bei schmalen Monitoren nicht das Hauptmenü und das Seitenmenü
angezeigt werden können, sollte das verbleibende Menü (=Hauptmenü)
die wichtigen Links beinhalten. Das ist derzeit nicht der Fall,
sodass man auf Mobilgeräten kaum die Seiten erreicht, die man
sehen will. Um das zu korrigieren, sollte die relationale und
hierarchische Navigation erleichtert werden, also mittels
Breadcrumbs sowie dem Anzeigen der Vor/Zurück-Buttons ganz oben.
|
File size:
1.1 KB
|
Line | |
---|
1 | /** |
---|
2 | * t29v6 Mobile javascript support |
---|
3 | * |
---|
4 | * For whatever reason, this was not started before 2015. |
---|
5 | * |
---|
6 | **/ |
---|
7 | |
---|
8 | |
---|
9 | if(!t29) window.t29 = {}; // the t29 namespace |
---|
10 | |
---|
11 | t29.mobile = {}; |
---|
12 | t29.mobile.setup = function() { |
---|
13 | // Copy the bigfooter ".in-sheet" to the bottom, as in-sheet looks ugly |
---|
14 | // in mobile layout. This basically reverses the PHP efforts to move the |
---|
15 | // bigfooter to the footer.in-sheet. |
---|
16 | |
---|
17 | // this is only nonempty if the bigfooter is inside the sheet |
---|
18 | var bigFooterCopy = $("footer.in-sheet div.bigfooter").clone(); |
---|
19 | if(bigFooterCopy.length) |
---|
20 | $("footer.attached").addClass("for-mobile").append(bigFooterCopy); |
---|
21 | |
---|
22 | // the menu button for medium/tablet screens |
---|
23 | $("nav a[href='#tour-navigation']").click(function(){ |
---|
24 | if(!t29.mobile.slidedown_menu) { |
---|
25 | t29.mobile.slidedown_menu = $("section.sidebar.top").clone().addClass("mobile") |
---|
26 | // initial value for slided-up |
---|
27 | .css("display","none"); |
---|
28 | $("header.banner").append(t29.mobile.slidedown_menu); |
---|
29 | } |
---|
30 | |
---|
31 | t29.mobile.slidedown_menu.slideToggle(); |
---|
32 | $(this).toggleClass("menu_visible"); |
---|
33 | return false; // do not follow link |
---|
34 | }); |
---|
35 | } |
---|
36 | |
---|
Note: See
TracBrowser
for help on using the repository browser.