Javascript ist Toll!

5. June 2009 - 18:29

Speed up your Javascript – Video

Aktuell wird überall und dort, ein Video von Douglas Crockford gehyped, in dem dieser einige Aspekte von Javascript beschreibt. Der (englischsprachige) Vortrag unter dem Motto Javascript the good parts, geht tief in die Anwendung von Javascript.

Logisch! Douglas Crockford ist der Javascript Guru, insofern ist diese Aufmerksamkeit berechtigt. Aber seit gestern ist auf you tube ein weiterer hochinteressanter Javascript Vortrag im Google TechTalks Channel vorhanden. Unter dem Titel speed up your Javascript beleuchtet Nicholas C. Zakas die Interna von Javascript näher.

In dem einstündigen Vortrag erklärt Nicholas die Wirkungsweise von Javascript und wo mit diesem Wissen sich die Geschwindigkeit optimieren läßt.

[... weiterlesen]
Kategorie: Javascript / Comments (0) / 299 mal gelesen
13. May 2009 - 13:43

String Erweiterungen

Eine der Eigenschaften von Javascript, die sie von anderen Programmiersprachen abhebt, ist die prototypische Vererbung. Kurz gesagt bedeutet das, dass jedes Objekt eine Eigenschaft .prototype besitzt, von dem alle erzeugten Instanzen dieses Objektes erben (erben, ist nicht ganz korrekt. Es wird lediglich eine prototype chain aufgebaut, in der nach Funktionen gesucht wird. Aber das ist ein anderes Thema.).

Diese Art der Vererbung, hat Vorteile und auch Nachteile, mit denen sich etliche Artikel im Internet beschäftigen. Deshalb möchte ich hier auch gar nicht näher darauf eingehen, sondern eine Besonderheit dieser Methode zeigen, mit der es möglich ist, in Javascript vordefinierte Objekte um selbgeschriebene Funktionen zu erweitern.

Das String-Objekt bietet sich für Erweiterungen ganz besonders an, da es häufig zum Einsatz kommt und leider auch ein oft benötigte Funktionen nicht kennt.

[... weiterlesen]
Kategorie: Javascript / Comments (5) / 939 mal gelesen
29. April 2009 - 12:44

Online Molmassen Rechner

Ein kleines Javascript aus der Welt der Chemie.

Der Molmassenrechner berechnet die Molmasse einer chemischen Verbindung. Dazu parst das Skript eine Zeichenkette und versucht die Zusammensetzung der Verbindung zu ermitteln. Daraus läßt sich dann die Molmasse(molare Masse) der Verbindung errechnen.

Das Skript kann sowohl mit einem geklammerten Ausdruck, als auch mit Kristallwasserangaben umgehen. Die Schreibweise muss der gängigen Nomenklatur entsprechen.

Runde Klammern trennen eine Verbindungsgruppe eine optionale Zahl dahinter, gibt an wie häufig diese vorkommt. Kommt die Gruppe nur einmal vor ist die Zahl überflüssig und muss nicht angegeben werden.

Eckige Klammern für eine Komplexverbindung sind ebenfalls möglich. Innerhalb dieser können auch runde Klammern verwendet werden.

Mehrfach verschachtelte Klammern können in dieser Version nicht berechnet werden. Das Skript rechnet aber einfacher und exakter, als z.b. die auf Wikipedia verlinkten Molmassenrechner.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (29) / 10966 mal gelesen
30. March 2009 - 13:45

BB Code Buttons

Ich hatte in der Vergangenheit ja schon einmal ein Skript vorgestellt, mit dessen Hilfe es möglich ist BB-Code in eine Textarea einzufügen. Um es einsetzen zu können, werden entsprechende Buttons benötigt, die z.b. oberhalb einer Textarea angezeigt werden und mit denen dann der Text entsprechend formatiert wird. Dazu habe ich das Skript erweitert und verbessert, so dass sich automatisch und leicht konfigurierbar, über eine Textarea, JS Buttons einfügen lassen.

Ich nutze den Code als Basis für Greasemonkey-Skripte, für einige Foren, die keine entsprechenden Buttons anbieten (z.b. das Forum auf Perlunity)

Das Skript ist relativ kompakt (knapp über 100 Zeilen mit Kommentaren) und funktioniert bei meinen Tests unter Windows XP, in allen gängigen Browser.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (6) / 1033 mal gelesen
9. March 2009 - 15:33

Benchmarks mit Javascript

Oft entfachen sich hitzige Diskussionen in Foren darüber, welche Funktion für einen Zweck geeigneter und/oder schneller ist. Dann muss ein Benchmark her, mit dem die Geschwindigkeit der unterschiedlichen Funktionen verglichen werden kann. Als langjähriger Perl Programmierer benutze ich häufig das Modul Benchmark mit dem sich das relativ leicht realisieren läßt. Ich habe ein Javascript geschrieben, das ähnlich arbeitet und hier vorstellen möchte.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (2) / 495 mal gelesen
12. February 2009 - 13:22

LED Laufschrift mit Javascript

Es gibt eine neue Version.10.2.2013

Seit dem 18.11.2011 ist eine komplett neue Version dieses Skripts online. Einige Befehle haben sich daher geändert

Im selfhtml Forum hatte jemand nach einer LED Anzeige mit Javascript gefragt. Da ich das eine Interessante Idee fand, machte mich auf die Suche ob es so was schon im Netz zu finden gibt. Ich fand aber nur Flash Skripte oder Javascripte, die mich aber nicht überzeugten. Davon inspiriert habe ich dann selbst ein kleines LED Laufschrift oder LED Scroller Skript geschrieben.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (0) / 1486 mal gelesen
24. January 2009 - 14:21

Rubberband 2

Ich habe das Rubberband überarbeitet und hier ein Beispiel, wie aus einem vorhandenen Bild damit ein Ausschnitt markiert werden kann. Das Rubber-Objekt ist nach Außen weitestgehend gleich geblieben, intern sind aber neue Dinge hinzugekommen. Eine Funktion createBox(), erzeugt das DIV das für das Rubberband gebraucht wird, mit der entsprechenden Funktionalität und die Klasse Rect() bietet Methoden an, um Berechnungen mit dem Rechteck durch zu führen

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (1) / 1534 mal gelesen
29. September 2008 - 13:46

aufgleitende Javascript Popups

Das folgende Skript öffnet ein HTML Element mit einer fliessenden Bewegung. Es gleitet auf, anstatt sofort sichtbar zu sein. Dies wird durch die CSS Eigenschaft clip() erreicht. Diese Technik funktioniert nur, wenn das Element absolut positioniert ist

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (1) / 718 mal gelesen
6. June 2008 - 12:46

Javascript Rubberband

Beschreibung

Um mit der Maus Bereiche zu markieren wird ein sogenanntes Rubberband (dt. Gummiband) benutzt. Die Funktionsweise ist aus Grafikprogrammen bekannt oder auch dem Windows Desktop. Wenn die Maus mit gedrückter linken Maustaste bewegt wird, wird ein rechteckiger Kasten gebildet, der den Bereich der ausgewählt werden soll markiert.

Dazu habe ich diese kleine Skript geschrieben, dass einfach in eine Seite eingebunden werden kann. Mit Hilfe von Events kann das Verhalten gesteuert werden.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (9) / 548 mal gelesen
2. February 2008 - 17:18

WordPress und Javascript

Nachtrag: 11.11.2009

Das meiste was in dem Artikel steht, scheint für die Version 2.8.x hinfällig zu sein. Die Funktion wptexturize() hat endlich einen Trigger auf das Code-Tag und vermurkst nicht mehr den Javascript Code. Aber es werden nach wie vor die &-Zeichen umgewandelt. D.h. das Plugin Textcontrol ist nach wie vor notwendig. auch die Änderung in der Funktion convert_chars() muss noch gemacht werden.

Es ist aber auf jeden Fall ein bisschen einfacher geworden, mit wordpress einen Javascript Blog zu betreiben

ab hier beginnt der alte Artikel

Seit ich dieses Blog angelegt habe, kämpfe ich mit einer - für mich - lästigen Eigenschaft von WordPress. Um die Ausgabe der Artikel immer Browserkonform zu machen, werden Sonderzeichen in Texten mit Hilfe diverser Funktionen umgewandelt. Das ist nützlich für normale Texte, da ich mir so keine Gedanken darum machen muss, führt aber dazu, dass es schwierig wird wenn ich ein Sonderzeichen z.b. in einem Javascriptblock einfügen möchte.

Es ist zwar an sich besser auf Inline Skripte zu verzichten und diese in JS Dateien auszulagern, aber ich möchte nicht für jeden Zweizeiler eine eigene JS Datei anlegen müssen.

[... weiterlesen]
Kategorie: Wordpress / Comments (3) / 1369 mal gelesen
Powered by WordPress Stop Spam Harvesters, Join Project Honey Pot kostenloser Counter Browser-Statistiken
rats-wonderful
rats-wonderful
rats-wonderful
rats-wonderful