Jquery Zoomoz und aufziehen

[Philipp88]

Hallo

ich bin gerade dabei eine Mobile Seite mittels Jquery mobile aufzubauen.
Dazu habe ich 2 Fragen:

1.

Da ja auf ein Smartphone manchmal relativ schwerig ist einen Link anzuklicken, soll bei einen Fehlklick der entsprechende Bereich vergrößert werden (am besten in einem separaten div). Ich bekomme mit jquery zoomooz nur hin, dass sich ein bestimmter Bereich im ganzen Fenster vergrößert, nicht im ein div. Muss ich ein bestimmten Bereich als Zoombar kennzeichnen oder geht das auch anhand der Cursorposition? Eventuell ein transparentes Div an Cursor binden?

2.

Ich habe an der Seite oben ein fixiertes div, mit den Link "Menü". Wenn ich diesen Link anklicke öffnet sich das Menü. Nun soll auch bei gedrücker Maustaste das Menü aufziehbar sein. Ist soetwas überhaupt möglich?

Würde mich sehr auf Antwort freuen

Danke im vorraus
Philipp

 

[Myhar]

Du wählt hier die falsche Technik, JS ist keine zuverlässige und performante Lösung für dein Problem. Du benötigst viel mehr

Bitte kostenlos registrieren, damit du die Links siehst.

, damit kannst du deine Seiten mit CSS an kleine Bildschirme anpassen.
Zu 2: Was meinst du mit gedrückter Maustaste? Du meinst, man drückt und hält die Maustaste? Wieso sollte ein Benutzer dies tun sollen?

 

[Philipp88]

Danke für deine Antwort

Zu 1: Ich habe eigentlich ein Design, was auf allen Endgeräten ok aussieht. Die Schrift ist eigentlich auch nicht zu klein um die Links zu treffen. Leider soll es auch Benutzer geben, die dennoch die Links treffen Bei Wikipedia habe ich glaub schon mal so eine Funktion gesehen (wenn ich den Link wieder habe poste ich den).

Zu 2.
Ich würde das auch nicht machen, aber der Kunde möchte so eine ähnliche Funktion wie ein Android hat (glaub oben am Rand kann man das Menü runterziehen). So etwas müsste doch auch mit Jquery irgendwie gehen.

 

[Pixelaner]

zu 2: schau dir mal das "mousedown" Event an.

 

[Philipp88]

das Event ist mir schon bekannt. Mir fehl aber der Befehl wie ich ein div "aufziehen" kann

 

[Myhar]

Wenn es Nutzer gibt, die die Links nicht treffen, dann sind sie wohl zu klein. Du darfst auch nicht davon ausgehen, dass jeder ein hochauflösendes Smartphone mit großem Display besitzt, aber das nur am Rande. Eine CSS-Lösung mittels Mediaqueries ist auf alle Fälle performanter als eine Lösung mit JS. Auch ist mir nicht bekannt, dass wikipedia so etwas verwendet. Einige Browser (zB Opera) machen dies automatisch.

Zu 2: Jetzt habe ich verstanden, was du willst. Das würde ich an deiner Stelle dem Kunden ausreden, auch wenn er es noch so gerne will. Das verwendet kein User, welcher mit der Maus unterwegs ist. Außer, er braucht keine Besucher auf seiner Website.
Prinzipiell lösbar ist es schon, du brauchst aber nicht nur mousedown, du brauchst danach auch noch ein mousemove Event, bei dem du anhand der Korrdinaten ermitteln kannst, in welche Richtung die Maus bewegt wurde und anhand dessen dein Menü öffnest oder schließt. Aber wie gesagt: Das würde ich dem Kunden wirklich schleunigst ausreden.

 

[Philipp88]

Zu 1.
Ich weis nicht ob es wirklich benutzer gibt die den Link nicht treffen, aber der Kunde will auf nummer sicher gehen. Ich habe die Seite schon mit allen Auflösung getestet (emulator), überall ist die Größe ok. Passt sich die Größe sich bei em nicht selber an?

ich habe mal in jsfiddle ein Script gebastelt:

Bitte kostenlos registrieren, damit du die Links siehst.

Leider Zoomt er auch, wenn ich auf einen Link klicke, das soll er aber nicht
Der Zoom geht auf jsfiddle leider nicht:/

Kann ich prüfen, auf welchen Tag geklickt wurde? Also zoome nicht, wenn Tag gleich a?

Zu 2.
Werde ich versuchen

edit: 1. habe ich jetzt fast perfekt hinbekommen, er zoomt jetzt nicht mehr wenn ich auf ein Link klick (jsfiddle aktualisiert). Jetzt fehlt es nur noch das er das Gezoomte in ein DIV angezeigt statt in Body.

 

[Philipp88]

Falls es jemand interessiert ist und auch vor diesem Problem stand, habe ich das jsfiddle um das funktionierte Script erweitert.

Bitte kostenlos registrieren, damit du die Links siehst.