Gunther Bohnert

langstrecken.de v3

gunther — Thu, 15 Jul 2010 09:40:10 +0000

langstrecken.de aka “laufen mit gu” hat seit heute ein nahezu komplettes Rewrite hinter sich. Anpassung auf GoogleAPI v3, Verbesserungen im User Interface und der Garmin Toolbox, iPhone-optimierte Seite und mehr.
Das Motto lautet immer noch “Spaß haben” – so soll es auch bleiben.

Garmin Communicator und Google API v3

gunther — Wed, 14 Jul 2010 14:28:41 +0000

Will man die Garmin Communicator API zur Kommunikation mit via USB angeschlossenen Garmin Devices nutzen (ich mache das z.B. auf langstrecken.de zum Auslesen von Laufdaten eines Garmin Forerunner), gibt es zwei Restriktionen. Zum einen verwendet die API Prototype. Zum anderen die Google API v2. Mit Prototype konnte ich mich arrangieren. Wer aber gerne das Communicator API im Zusammenhang mit der Google API v3 nutzen möchte, findet hier eine von mir überarbeitete Version des gesamten JavaScript-Pakets.
Ich habe noch ein paar persönliche Anpassungen gemacht und meine Änderungen im Quelltext nicht konsequent dokumentiert, wer aber das Original von Garmin mit meiner Version vergleicht, sieht schnell die Änderungen.

HTML Coding für iPhone

gunther — Mon, 26 Apr 2010 17:39:48 +0000

Wie reagiere ich per JavaScript auf die aktuelle Ausrichtung des iPhones (hoch/quer)? Wie steuere ich, welches Tastaturlayout beim Antippen eines Eingabefelds erscheint? Apple erklärt’s – kurz und knackig in “User Experience Coding How-To’s for Safari on iPhone“.

Für ersteres gibt es den onorientationchange Listener:

Für letzteres z.B

Alternate Table Rows

gunther — Wed, 21 Jan 2009 09:29:05 +0000

Ich bin für einfache Lösungen. So zum Beispiel alternierende Hintergründe für Tabellenzeilen per CSS. Die zu-Fuß-Lösung wäre:

   …


   …

Jetzt wollen wir aber diese Klassenauszeichnungen gar nicht in unserem Table-Quelltext sehen. Vielleicht ist das Ding ja auch dynamisch generiert und wir wissen vorher gar nicht, welche Zeile ‘even’ und welche ‘odd’ ist. Und außerdem ist es ein reines Gestaltungsmerkmal, keine semantische Auszeichnung und hat im Content nix verloren.

Wir machen das mit jquery. Color Charge liefert eine simple Anleitung dazu – in der jQuery-Doku ist aber auch genau das als Anwendungsbeispiel für den :even-Selektor aufgeführt.

Problem: bei verschachtelten Tabellen kommt der Zähler durcheinander.

Lösung: statt

$(“table.streifentabelle tr:even”).addClass(“even”);

nehmen wir:

$(“table.streifentabelle tr:nth-child(even)”).addClass(“even”);

Ajax.Updater und Inline-Scripts

gunther — Sun, 18 Jan 2009 10:06:26 +0000

Werden über den Ajax.Updater Seitenelemente ausgetauscht und enthalten die neuen Seitenelemente Inline-Scripts wird dieses Script weder in das DOM eingefügt noch evaluiert. So die Standardeinstellung. Soll das geschehen, muss als Option evalScripts: true gesetzt werden.

Warum sagt einem das denn keiner!?

RTFM: alles dokumentiert: Ajax.Updater

jQuery 1.3 ist da

gunther — Sat, 17 Jan 2009 14:55:26 +0000

jQuery ist bei Version 1.3 angelangt - und das klingt alles ziemlich toll. Ich gebe es zu: ich stehe, was JS-Frameworks anbelangt noch eher am Anfang. Trotzdem hat es schon vor einiger Zeit nur 5 Minuten gebraucht, um mich in jQuery zu verlieben. Und seitdem ärgere ich mich vor allem um die früher vergeudete Zeit. “Write less, do more” – ich liebe treffende Slogans.

jQuery soll vor allem schnell sein. Keine Lust, das im Vergleich zu Prototype nachzumessen. Ich nutze das und freue mich dran. Genauso wie ich auf Prototype wechsle, wenn es sinnvoll erscheint, mich schneller zur Lösung bringt oder – z.B. weil das Garmin Communicator Plugin auf Prototype setzt – man ohnehin keine Wahl hat.

Javascript eval() und Formularelemente in Safari

gunther — Fri, 11 Jan 2008 12:53:12 +0000

Es hat mich gerade zur Weißglut getrieben, und warum es so ist bzw. ob der Fehler an mir oder an Safari liegt, weiss ich immer noch nicht. Aber: eval() tut nicht in Bezug auf Formularelemente in Safari.
Folgendes Beispiel:

var thisField = ‘test’ + id;
var wert = document.FormName.eval(thisField).value;

erzeugt in Safari nur ein müdes ‘Value undefined (result of expression document.FormName.eval) is not object.’. In Firefox geht das klaglos.
Für Safari hilft da nur der Workaround über:

var thisField = ‘test’ + id;
var wert = document.FormName.elements[thisField].value;

Wenn mir jemand erklären kann, warum und wieso das so ist – danke!

Scriptaculous Sortables with Lasso Ajax Callback

gunther — Fri, 28 Dec 2007 13:03:43 +0000

Greg Neustaetter has published a nice solution for a Ajax callback of Sortables using PHP.
I felt free to make a Lasso adaption of it which can be downloaded. Unfortunately I have no Lasso environment running where I could host the demo.
Thanks a lot to Greg!

Green my Apple

gunther — Thu, 28 Sep 2006 06:28:37 +0000

Eine Kampagne im Apple-Design wie sie besser nicht sein könnte. Hut ab und meine volle Unterstützung. Allein die ersten beiden Sätze:

We love Apple. Apple knows more about “clean” design than anybody, right?

Genial. Freundlich. Gnadenlos.
Greenpeace

Araelium Edit – ein neuer Editor?

gunther — Wed, 14 Jun 2006 11:31:19 +0000

Araelium Edit : Jumpstart Tour
Public Beta startet übermorgen – leider habe ich für sowas im Moment überhaupt keine Zeit. Muss ich mir aber baldmöglichst angucken!