Dropdown auf iPad, Hover problem.

Servus,

das Thema ist ja im WEB ziemlich bekannt, aber für Contao finde ich keine direkte Lösung.
Ich habe ein 2 stufen Menu, mit einem css3 menu. Zu sehen hier:

http://www.tischlerei-holzdesign.at

Auf dem iPad im landscape ist quasie die Desktopvariante zu sehen. Leider funktioniert das Hover nicht da das ipad das ja nicht kennt.

Dann fand ich den Tipp: http://blog.travelvictoria.com.au/20...rk-on-an-ipad/

Ein einfaches: onClick=”return true”

in den A-tag einbauen. Soweit funktioniert das auch, doch nur auf ALLE a tags, im nav_default. Ich müsste es immer nur .submenu zufügen. Das nächste Problem ist wenn man die Domain aufruft, klickt man ins menu. dann läd es 1x wegen dem href="#"...

Gibts irgendwie eine andere Lösung? Das die navigation nur aufgeht, ohne eine Seite zu laden?

Beispiel: http://www.cssplay.co.uk/menus/ipad-...wn-single.html

Danke
Dani

Nutz einfach ein

ul li:hover ul { display: block; }

Touch-Geräte kennen schon ein Hover, aber dieser wird nach dem ersten Klick ausgelöst. Eine Art Krücke.

Ich mach das immer so und hatte damit nie Probleme.


Sent from my iphone using Tapatalk

Hey, wird sofort getestet!

Hi,

also bei mir geht das nicht. Welchem ul soll der Block gegeben werden? Hast du mal ein beispiel für mich, wo du das so hasst. Die Menupunkte haben ja auch schon links, d.h. es läd sofort die Seite zB.: "Fertigung"

Das funkt dann nich

Hi,

du kannst im nav_* Template das Level abfragen & somit gesondert auf ein Untermenü eingehen:

PHP-Code:

---

<?php if($this->level == 'level_1'): ?>
<ul class="level_1">
...
</ul>
<?php else: ?>
<ul class="sub">
...
</ul>
<? endif; ?>

---

Ich weiß nicht ob ich dein anderes Problem richtig verstehe, aber du könntest vor der Raute im a-tag die momentane Seiten-URL ausgeben:

PHP-Code:

---

$strCurrentUrl = $this->replaceInsertTags('{{link_url::' . $objPage->id . '}}');
<a href="<?php echo $strCurrentUrl; ?>#">....</a>

---

Ich würd das aber ansonsten einfach mit einem Schnippsel jQuery lösen.
Den Links eine bestimmte Klasse geben. Über die Klasse ein Click Event triggern & dort über preventDefault() die Standardaktion des a-Tags abbrechen.
Und wenn du das tatsächlich machen solltest, kannst du auch gleich touchstart & touchend Events nutzen. Diese werden noch vor dem mouseover Event auf Touch-Geräten ausgeführt.
Für komplexe Sachen nutze ich dann oft noch Modernizr, wodurch man dann u.a. auf touch fähige Geräte speziell reagieren kann. Ist jetzt aber etwas spezieller, das obere sollte auch reichen ;)

Danke jk1 für die alternative.

Jedoch habe ich nun eine Lösung:

Zuserst nav_default bearbeiten, wie hier: http://de.contaowiki.org/Navigations...icht_verlinken

Dann das ziehn und einbinden: https://github.com/ftlabs/fastclick

Und jetzt funktionieren meine Obermenupunkte perfekt auf ipad. Den Rest macht mein Css3 Responsive Menu.

Hier ist es zu sehen, ipad landscape da sieht man die Dropdown Funktion.

Dani

cool, genau sowas hätte ich auch schonmal gesucht :)

aber ich dachte, diese Templateänderungen sollte man nur im Notfall machen, da nicht updatesicher?

Links im Menu unter "templates" suchst du das Template aus, dann wirds ins TEMPALTE Ordner kopiert. Dort kannst dich dann austoben, was auch updatesicher ist, da Contao es dann ausm TEMPLATE Ordner nimmt. Wenn du es löschst, nimmt Contao wieder das original Template. Also keine Angst, du kannst so ALLE templates bearbeiten.

Dani

hi dani!

das ist ein schönes dropdown-menü!
ist das eine extension und funktioniert sie auch bei contao 3?

lg, chinagirl

Abend,

ja ist Contao3. Ist aber keine Eytension. Musst du selber die .tpl vorbereiten. Das Menu ist reines css3.

ok, verstehe, danke!

Hallo xkoy,
ich habe mir deien Seite angeschaut, echt toll. Aber leider bekomme ich es nicht hin, dass das PullDown offen stehenbleibt, wie bei dir. Wie hast du dies gemacht? z.B. bei der Fertigung.

Hey, danke. Hast du die Hauptmenupunkte lahmgelegt? Also die links rausgekillt wie oben beschrieben?

Bei mit ist es jetzt so, dass sich das PullDown bei iPad gar nicht mehr öffnet. Ich habe auch das nav_default geändert und die Klasse nonavlink im Menü aber durch einen Klick auf level_1 mit dem iPad passiert gar nichts mehr, am Pc ist alles ok. Hier funktiniert ja auch noch mouse:hover und nicht onKlick. Das JS habe ich auf der Hauptseite auch eingebunden.

Ich stehe etwas auf dem Schlauch, kannst du mir einen Tipp geben.

Gruß Fips

Schreib mir mal ne PN mim Link!

Hallo, ich steh mittlerweile vor genau dem selben Problem. Habe, wie bisher auf anderen Seiten auch, die Anleitung "nonavlink" aus dem Contao-Wiki angewendet. Bisher hat´s überall geklappt, nur bei dieser Seite jetzt tut sich auf dem iPad nichts. :(
Bin leider kein Profi und komm mit euren Tipps hier nicht ganz so zurecht. Verstehe auch nicht den Hintergrund...warum gehts bei allen anderen, aber nicht bei dieser Seite?

Hier mal der Link:

aufbau.lsr-gmbh.de

Vielleicht kann mir jemand weiterhelfen und etwas ausführlicher erklären was zu tun ist?
Das wäre wirklich klasse!

Danke schonmal

Link korrekt?

Jetzt ja :-) Sorry