Extremefall

Hallo,
ich habe ein hover Navigation erstellt. Mit Firefox und dem Internet Explorer gibt es keine Probleme. Allerdings funktioniert der hover Effekt auf dem iPod Touch natürlich nicht. Denn dort gibt es ja keine Mauszeiger. Wie kann man das Problem am besten ohne JavaScript lösen?

Die Navigation ist auf CSS aufgebaut. Es handelt sich um ein Aufklappmenü. Es basiert auf dem Code dieser Seite (http://barrierefrei.e-workers.de/wor...cks/menues.php). Das erste Menü ist vergleichbar mit meinem Menü.

Mister Ad

tr0y

Browser-Weiche mit entsprechender Navigations-Eskalierung ?

Ich versteh hier und da nicht ganz warum du solche Klamotten fragst.. versuch mal:

...

__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

Extremefall

Das Problem herrscht ja nur bei mobilen Geräten. Sollte man die Navigation dann eher auf JavaScript aufbauen? Denn soweit ich weiß funktioniert der Hover Effekt beim iPod wohl allgemeint nicht,

tr0y

Entweder per Javascript, oder wenn man sich nicht drauf verlassen will das bei den mobilen Endgeräten JavaScript an ist ( was man bei allen handys und allen iPad(s / -Clones) deaktivieren kann ), per ausgelagerter Navigations-Unterseite die aufgerufen wird wenn wer den eigentlichen Hover-Auslöser als mobiles gerät "anklickt".

__________________
Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

Extremefall

Wie würde der letzte Vorschlag denn funktionieren? Die Events können doch nur mittels JavaScript erkannt werden oder wie soll es sonst klappen?

rudygotya

Es gibt kein Hover, wenn es keine Maus gibt. Oder soll ich erst mitm Bratwurstfinger das Display vollschmieren, bis der Mauszeiger auf dem Wischpad das Ziel erreicht?

__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog

Extremefall

Dann ist JS wohl die beste Lösung. Dort kann man dann das Menü auch per Klick öffnen lassen.

Danke für die Hilfe.

dreamcatcher

Du scheinst folgenden Pseudoklasse zu suchen:

Damit regt sich dann etwas wenn du mit dem Finger drauf bist und etwas anklickst.

Wenn dein anklickbares Element ein Link ist und die gesamte Seite neu gerendert werde, müsst du natürlich auf der folgenden Seite dieses Element "stylen" durch class=selected oder Ähnliches.

fab

Die Sache hat nur einen Haken: Webkit-Browser setzen den Fokus nicht beim Klick auf Links (das gilt also vermutlich auch für Safari Mobile) und der Internet Explorer erkennt :focus auch erst ab Version 9 richtig. Ich habe selbst mal ein solches Menü mit CSS gebaut und musste jede Menge Fallbacks für verschiedene Browser einbauen. Im mobil-CSS habe ich im Endeffekt ganz auf das ausklappen per CSS verzichtet, da es für die mobile Version nicht essentiell war.

__________________
PHP Blog + Library
CSS Effects + Tools

nikosch

-> http://www.w3schools.com/css/sel_active.asp

Ein guter Workaround ist, per JS Klick, Hover etc. nochmal nachzubilden und damit die CSS-Klassen .hover und .active zu setzen. Die kann man dan jeweils parallel zu :hover und :active setzen und hat damit seine CSS basierte Lösung recht wasserdicht gestaltet.

__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--