Page 5 of 5

Re: Hilfe gesucht - mobile Devices

Posted: Thu Jun 14, 2018 5:32 pm
by frase
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.

Re: Hilfe gesucht - mobile Devices

Posted: Sat Jan 12, 2019 8:13 am
by frase
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:

Re: Hilfe gesucht - mobile Devices

Posted: Sat Jan 12, 2019 10:23 am
by cmb
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();
    });

Re: Hilfe gesucht - mobile Devices

Posted: Sat Jan 12, 2019 10:53 am
by frase
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!