knxweb für iPod Touch optimieren

[Tru]

Ich bin seit knapp 48 Stunden auch ein glücklicher Besitzer eines iPod Touch.

Unterdessen habe ich meine grosse, flache knxweb-Visu auf eine hierarchisch bedienbare für den iPod umgeschrieben. Ein erstes Problem, die optimale Grössendarstellung für den iPod, konnte ich mit dem "viewport" Meta-Tag lösen.

Nun scheint die Bedienung von knxweb nicht gerade optimal für ein Touch-Device zu sein. Der erste Touch auf ein Element scheint in etwa dem Mouse-Over zu entsprechen und erst der nachfolgende entspricht dem Klick. Das finde ich etwas lästig.

Hat sich schon jemand die Mühe genommen, die knxweb-Scripts so anzupassen, dass die Aktion bereits beim ersten Touch ausgeführt wird?

Othmar

[Bodo]

Gratuliere zum iPod

Hoi Othmar

Ich bin seit knapp 48 Stunden auch ein glücklicher Besitzer eines iPod Touch.

Gratuliere, ein cooles Teil.

Unterdessen habe ich meine grosse, flache knxweb-Visu auf eine hierarchisch bedienbare für den iPod umgeschrieben.

Fleissig, mit mehreren Sprungbefehlen? Ich hab' wenigstens die Bilder mit durchsichtigem Hintergrund erstellt (png's mit Gimp)

... konnte ich mit dem "viewport" Meta-Tag lösen.

Könntest Du das als kleinen Dreizeiler posten?

... Der erste Touch auf ein Element scheint in etwa dem Mouse-Over zu entsprechen und erst der nachfolgende entspricht dem Klick.

Jetzt wird mir das klar, warum ich auf dem iPhone zweimal tippen muss. Hab' auch keine Lösung parat.
Find' ich cool, dass wieder Einer neue Impulse gibt.

[Tru]

Seitengrösse für iPod begrenzen

Fleissig, mit mehreren Sprungbefehlen?

Ja, habe zwölf Seiten erstellt und auf jeder 12 Navigations-Icons platziert. Braucht zwar etwas Platz, dafür komme ich schnell überall hin.

Könntest Du das als kleinen Dreizeiler posten?

Wenn man wüsste, dass man nach "viewport" suchen muss, dann findet sich https://knx-user-forum.de/knx-eib-forum/1647-ot-seitengroesse-bei-website-begrenzen.html.
Für "Vermeidung von Doppel-Touch bei knxweb" habe ich leider nichts gefunden.

Othmar

[Tru]

Für "Vermeidung von Doppel-Touch bei knxweb" habe ich leider nichts gefunden.
Othmar

Um mich selbst zu zitieren: habe dieses Problem schon seit April letzten Jahres gelöst. Aus aktuellem Anlass habe ich dafür noch eine kurze Anleitung verfasst.

Gruss, Othmar

[nektar]

Kannst du vieleicht auch für die anderen Widgets anpassungen machen?

mfg Christian

[Bodo]

Hoi Othmar

Ich hab' dann noch folgendes eingefügt.

if (navigator.platform == "iPod" [COLOR=Red]|| navigator.platform == "iPhone"[/COLOR])

Und da soll es ja noch das iPad geben.
Ausserdem hab' ich festgestellt, dass auf dem iPod und auch auf dem iPhone beim ersten Aufruf meiner Visu die ganzen Bedienelemente erstmal nicht angezeigt werden.
Erst wenn ich nach einem Seitensprung zurückkehre sind alle wieder da. Hab' alles mit WinMerge verglichen und nichts besonderes gefunden.


Komischer Nebeneffekt. Einige Icons waren auch weg. Neu mit custom ging dann. Die Änderung / Ursache hab' ich gefunden:
Dein cswitch.js:

light: 'images/[COLOR=Red]s_[/COLOR]light_on.png',
outlet: 'images/[COLOR=Red]s_[/COLOR]outlet_on.png',

Mein cswitch.js:

light: 'images/light_on.png',
outlet: 'images/outlet_on.png',

[Tru]

Komischer Nebeneffekt. Einige Icons waren auch weg. Neu mit custom ging dann. Die Änderung / Ursache hab' ich gefunden:

Danke für den Hinweis. Ich hatte auch noch das Design angepasst, deshalb die anderen Pfade. Hab ich jetzt wieder dem Original angeglichen.

Gruss, Othmar

[Tru]

Kannst du vieleicht auch für die anderen Widgets anpassungen machen?

Jetzt sollte das Set komplett sein. Habe die zusätzlichen drei Widgets aber nicht getestet, weil ich keine Verwendung dafür habe.

Gruss, Othmar

[nektar]

ahh super.
werde ich gleich mal testen

[nektar]

Oh mist jetz habe ich was gewollt was ich garnicht brauche.
Entschuldige ich habe ja auch keine Thermostate.
Naja Noch nicht.

@ Bodo
Wo hast du das denn mit dem eingetragen???

if (navigator.platform == "iPod" [COLOR=Red]|| navigator.platform == "iPhone"[/COLOR])

[Bodo]

Hoi

In der common.js ganz unten.

[nektar]

also so??

function setActionClick(objectname,functioncode) {
        if (navigator.platform == "iPod" || navigator.platform == "iPhone" || navigator.platform == "iPad") {
                objectname.ontouchstart=functioncode;
        }
        else {
                objectname.onclick=functioncode;
        }
}

function setActionDown(objectname,functioncode) {
        if (navigator.platform == "iPod" || navigator.platform == "iPhone" || navigator.platform == "iPad") {
                objectname.ontouchstart=functioncode;
        event.preventDefault();
        }
        else {
                objectname.onmousedown=functioncode;
        }
}

function setActionUp(objectname,functioncode) {
        if (navigator.platform == "iPod" || navigator.platform == "iPhone" || navigator.platform == "iPad") {
                objectname.ontouchend=functioncode;
        }
        else {
                objectname.onmouseup=functioncode;
        }
}

[Bodo]

Hoi

Ja genau so, hab' allerdings derzeit noch kein iPad

[nektar]

Jetz aber nocheinmal ne dumme frage.
Was bringt mir das?

[Tru]

Ja genau so, hab' allerdings derzeit noch kein iPad

Hab deine Erweiterung in den Code übernommen. Ich hoffe, jemand mit einem iPad kann das noch bestätigen.

Gruss, Othmar