SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Websites optimieren für Google & Co.

Websites optimieren für Google & Co. zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 16.06.2016, 14:40:26
lulu68163 lulu68163 ist offline
Anfänger
 
Registriert seit: Jun 2016
Alter: 31
Beiträge: 2
lulu68163 befindet sich auf einem aufstrebenden Ast
Klasse entfernen bei Klick auf Toggle

Hallo,

ich habe ein Problem mit der mobilen Navigation auf folgendem Joomla CMS www.palotravel.de

Ich habe einen Burger mittels CSS erstellt, der beim Öffnen des Menüs zu einem X wird. Leider bekomme ich es nicht hin, dass bei Klick auf das X die Navigation schließt. Ich habe bereits einige Wege ausprobiert, aber irgendwie will keiner tun, was er soll...

Anmerkung: Später soll bei Klick auf die Menüpunkte "Reiseziele" und "Rundreisen" eine "tiefere Ebene" angezeigt werden und das X zu einem Pfeil werden. Bei Klick auf den Pfeil kommt man wieder auf die obere Ebene des Menüs und der Pfeil wird wieder zum X.

Ich hoffe ihr könnt mir helfen. Ich danke im voraus!
Mit Zitat antworten
  #2  
Alt 16.06.2016, 15:46:21
lulu68163 lulu68163 ist offline
Anfänger
 
Registriert seit: Jun 2016
Alter: 31
Beiträge: 2
lulu68163 befindet sich auf einem aufstrebenden Ast
AW: Klasse entfernen bei Klick auf Toggle

Anbei noch der relevante Code

Code:
Relevantes HTML:

Der Toggle als Burger

<a href="#offcanvas" id="at-navbar" class="uk-hidden-large uk-navbar-toggle uk-float-right" data-uk-offcanvas></a>

Der Toggle als X

<a href="#offcanvas" id="at-navbar" class="uk-hidden-large uk-navbar-toggle uk-float-right is-active" data-uk-offcanvas></a>

Das Menü geschlossen

<div id="offcanvas" class="uk-offcanvas">
   <div class="uk-offcanvas-bar">
      <div class="module deepest">
          Menüpunkte
     </div>
   </div>
</div>

Das Menü offen

<div id="offcanvas" class="uk-offcanvas uk-active">
   <div class="uk-offcanvas-bar uk-offcanvas-bar-show">
      <div class="module deepest">
          Menüpunkte
     </div>
   </div>
</div>

Javascript, das ich verfasst habe zum Tranformieren zu einem X

(function() {

    "use strict";

    var toggles = document.querySelectorAll(".uk-navbar-toggle");

    for (var i = toggles.length - 1; i >= 0; i--) {
      var toggle = toggles[i];
      toggleHandler(toggle);
    };

    function toggleHandler(toggle) {
      toggle.addEventListener( "click", function(e) {
        e.preventDefault();
        (this.classList.contains("is-active") === true) ? this.classList.remove("is-active") : this.classList.add("is-active");
      });
    }

Das Javascript, das nicht funktioniert hatte, lasse ich jetzt einfach mal raus. Das hier funktioniert wunderbar
Mit Zitat antworten
Antwort

Stichworte
javascript, joomlacms


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
PHP Klasse für Amazon S3 und Cloudfront Airwolf89 PHP Grundlagen 2 12.07.2010 15:48:50
Aufbau Repository Klasse Socrates PHP Entwicklung und Softwaredesign 8 01.05.2008 16:59:28
Klasse in Klasse aufrufen wollenschlaeger PHP für Fortgeschrittene und Experten 4 14.07.2005 14:05:32
Andere Klasse aus Klasse aufrufen NanoCyte PHP für Fortgeschrittene und Experten 22 28.06.2004 22:24:53
Blätterfunktion als Klasse! Funjoy PHP Entwicklung und Softwaredesign 0 25.06.2004 00:45:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:20:56 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.


© 2001-2017 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt