Hilfe gesucht - mobile Devices

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Hilfe gesucht - mobile Devices

Post by frase » Thu Jun 14, 2018 5:32 pm

cmb wrote:
Thu Jun 14, 2018 4:40 pm
Und was ist mit Natels?
An «Nationale Autotelefone» (NATELs) hatte ich gar nicht gedacht.
Da gibt es dann wohl auch eine TAB-Taste. Kommt man damit beim Hamburger an, wird per Audio "Essn is ferdsch!" ausgegeben. Es ist ja schließlich ein sächsisches Template.

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Hilfe gesucht - mobile Devices

Post by frase » Sat Jan 12, 2019 8:13 am

cmb wrote:
Sat Jun 02, 2018 10:07 pm
frase wrote:
Sat Jun 02, 2018 12:54 pm
Gut. Aber - wat sagstn zu dem :target-Menü?
Geht das überhaupt so?
Interessant. Ich bin auch seit einer Weile dabei ein Template für ein anderes Forumsmitglied zu erstellen, und da habe ich ebenfalls ein solches :target Menü eingesetzt. Soweit ich es beurteilen kann, ist das eine prima Lösung. Allerdings habe ich noch ein kleines progressive Enhancement per JS realisiert, so dass die URL sich nicht ändert (also kein #main-nav vs. # dort auftaucht) – beim Klicken auf den Hamburger schaltet #main_nav die Klasse open um (toggle); bei Klick auf das Close wird die Klasse entfernt (und .open wird eben gestylt wie :target).
Viel später ...
Große Bitte @Christoph:
Wie sieht bei dir das "progressive Enhancement per JS" aus?
Bisher fand ich das "#main-nav" in der url nicht schlimm.
Jetzt muss ich mehrere Menü-Varianten anbieten, u.a. auch ein :target.
Jetzt stört es mich und ich komm' nicht drauf. :cry:

cmb
Posts: 14225
Joined: Tue Jun 21, 2011 11:04 am
Location: Bingen, RLP, DE
Contact:

Re: Hilfe gesucht - mobile Devices

Post by cmb » Sat Jan 12, 2019 10:23 am

frase wrote:
Sat Jan 12, 2019 8:13 am
Wie sieht bei dir das "progressive Enhancement per JS" aus?
Bisher fand ich das "#main-nav" in der url nicht schlimm.
Jetzt muss ich mehrere Menü-Varianten anbieten, u.a. auch ein :target.
Jetzt stört es mich und ich komm' nicht drauf. :cry:
Etwa so (die Selektoren müssen halt entsprechend angepasst werden):

Code: Select all

    $("#hamburger").click(function (ev) {
        $("#main_nav").toggleClass("open");
        ev.preventDefault();
    });
    $("#main_nav_close").click(function (ev) {
        $("#main_nav").removeClass("open");
        ev.preventDefault();
    });
Christoph M. Becker – Plugins for CMSimple_XH

frase
Posts: 5085
Joined: Thu Apr 21, 2016 6:32 am
Location: Saxony
Contact:

Re: Hilfe gesucht - mobile Devices

Post by frase » Sat Jan 12, 2019 10:53 am

cmb wrote:
Sat Jan 12, 2019 10:23 am
Etwa so (die Selektoren müssen halt entsprechend angepasst werden):
Wie üblich ist es doch etwas komplexer, als auf den ersten Blick gedacht.
Damit es mit und ohne JS sauber funktioniert war noch eniges zu tun.
Aber: Ohne deinen Denkanstoß wäre ich wahrscheinlich nie draufgekommen.
Vielen Dank!

Post Reply