Pixeldrama » Javascript

assoziative Arrays und length bei Javascript

Benjamin — Mon, 29 Mar 2010 10:24:33 +0000

Ein Array ist ja eigentlich eine Datenstruktur mit nummerischen Schlüsseln. Deswegen gibt es gerne mal eine Überraschung, wenn man in Javascript Code schreibt und ein assoziatives Array benutzt. Dies ist ein Sonderfall der Datenstruktur Array, weil der Schlüssel zu den Werten nicht einen nummerischen Datentyp nutzt, sondern einen String. Deswegen gibt auch folgender Codeschnipsel immer 0 zurück.


var person = new Array();
  person["Vorname"] = "Hans";
  person["Name"] = "Mustermann";
  person["Geburtstag"] = "01.01.01";
  person["Wohnort"] = "Musterstadt";
};
alert(person.length);

PHP ist da nicht ganz so konsequent, und denn dort liefert die mit length verwandte Funktion count() den Wert 4:

 'Hans',
                  'Name'       => 'Mustermann',
                  'Geburtstag' => '01.01.01',
                  'Wohnort'    => 'Musterstadt');

echo count($person);
?>

Damit es gar nicht erst zu Verwirrungen kommt, sollte bei Javascript ein Array gar nicht eingesetzt werden (und auch bei anderen Programmiersprachen nicht!), wenn man eine key/value-Datenstruktur braucht, die nicht nummerische Keys benutzt. Am besten gleich new Array() durch new Object() ersetzen.

Animationen in jQuery stoppen

Benjamin — Sun, 25 Jan 2009 12:44:57 +0000

Hört sich nicht schlagend an. Ist es aber. Wer einmal versucht hat hover-Effekte in der Menüführung oder ähnliches mit jQuery zu realisieren, der weiß, wovon ich spreche. Bis dato ist es mir nicht gelungen, das Problem in jQuery angemessen in den Griff zu kriegen, weil ich nicht wirklich kapiert habe, wo das Problem überhaupt liegt.

Christian Vogt hat das Problem gelöst, indem er mal richtig nachgelesen hat und wahrscheinlich gewußt hat, wonach zu suchen ist. Animationen-Queue lautet das Stichwort.

Infos: Dokumentation: Effects/stop | Animation-Queue in jQuery verhindern | Quick Tip: Prevent Animation Queue Buildup

HasyCompressPortable 1.5 beta

Benjamin — Wed, 06 Aug 2008 08:00:58 +0000

Zur Komprimierung für CSS- und Javascriptdateien eignet sich HasyCompressPortable für Windows.

Download: HasyCompressPortable | Quelle: http://labuschin.com/

kompletter PNG-Support für IE 5.5 und IE 6

Benjamin — Tue, 22 Jul 2008 08:12:48 +0000

Bei Peter Kröner gefunden, noch nicht getestet von mir, aber von David. Die Krux mit den Transparenzfähigkeiten von PNG-Grafiken bis dato war, dass es sich beim Backgroundeinsatz kein repeat-x realisieren ließ. Zumindest beim IE 5.5 und IE 6.

Für einzelne Hintergrundgrafiken gibt es schon lange Workarounds. Die funktionieren mit Hilfe von CSS, respektive der ab IE 5.5 vorhandenen Filterfunktion. Mittlerweile sind aber Webworker darauf gekommen dieses Problem per Javascript zu fixen. Ist auch kein grundsätzlich verkehrter Ansatz, aber halt auch nicht perfekt. Stichwort Firmennetzwerke mit IE 6 und abgeschalteten Javascript! Auch die Performance von Websites leidet, also vorsichtig sein bei Projekten mit viel Traffic. Oder auf PNG-8 beim IE 6 zurückgreifen.

Aber sonst spannende Geschichte und danke David fürs Testen.

Mehr Infos: IE PNG Fix v1.0 / 2.0 Alpha 2 | PNG Fix Testcase | Using PNG8 in Fireworks

Vom Browser zum WYSIWYG-Editor

Benjamin — Tue, 15 Jul 2008 08:00:52 +0000

Geht mit einer Zeile Javascript:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Diese Zeile in das Browseradressfenster kopieren, danach beliebig in der Website herumhacken. Kann man sich als Lesezeichen ablegen.

Deaktivieren geht so:

javascript:document.body.contentEditable='true'; document.designMode='off'; void 0

Die Nützlichkeit dieser Zeile ist mir bis dato noch unklar. Eventuell lässt sich damit testweise eine statische HTML-Page mit Content befüllen zwecks Demonstration oder so.

Quelle: http://www.peterkroener.de/

Bilderzoom mit FancyZoom statt Lightbox

Benjamin — Fri, 15 Feb 2008 20:49:47 +0000

Die Lightbox hat im Windschatten der Javascript-Bibliotheken, wie Prototype und jQuery, einen Siegeszug gefeiert sondergleichen. Beinahe kann ich diese Standardlightbox von Lokesh Dhakar nicht mehr sehen. Ich freue mich immer ein wenig, wenn eine Lightbox nicht im vorkonfiguriertem Layout erscheint, sondern mich ein individueller Closebutton begrüßt, oder die Farben der Website angeglichen sind.

Für Abwechslung im Wohnzimmer sorgt FancyZoom, das die Bilder mit einem Zoom-Effekt aufpoppen lässt. Es setzt nicht auf einer Javascript-Bibliothek auf und rühmt sich seiner resultierende kleinen Größe, die aber jQuery locker um das Doppelte! übertrifft (zumindest in der Packed-Version). Randbemerkung: Für kommerzielle Projekte muss was gezahlt werden.

Die Mühe gemacht und ein wenig damit herumgespielt hat Boris, wer dort mal reinguckt, beugt kleineren Frusterlebnissen vor.

Website von FanyZoom besuchen

via