Start | Dufte T-Shirts | Wieso, weshalb, warum? | Impressum

Kalender

Zurück September '10
Mo Di Mi Do Fr Sa So
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

Kategorien



Alle Kategorien

Tags des Todes!

Suche

Archive

Blog abonnieren

Kontakt

E-Mail:

Powered by

Serendipity PHP Weblog
Blogverzeichnis - Blog Verzeichnis bloggerei.de Bloggeramt.de
Blog Top Liste - by TopBlogs.de

Script-Entwicklung für Greasemonkey

Donnerstag, 11. März 2010 um 19:54

Inhaltsverzeichnis
Greasemonkey ist eine nette, aber auch irgendwie anarchistische Firefox-Erweiterung, welche es erlaubt, von Benutzern selbst gebastelten JavaScript-Code auf x-beliebigen Websites auszuführen. Sinn und Zweck ist die Veränderung der Seiten. Klingt erstmal komisch, hat aber viele, viele sinnvolle Anwendungsgebiete, insbesondere auf populären Websites wie StudiVZ, Youtube und Co.
Mit Greasemonkey kann man Websites um Funktionalitäten erweitern, die so nicht angeboten werden. Da sind der Vorstellungskraft keine Grenzen gesetzt und darüber hinaus erleichtert einem diese Erweiterung sehr viel Arbeit, wenn man vorhat, eine kleine, eigene Erweiterung für Firefox zu basteln (was recht kompliziert ausfallen kann).

In diesem Artikel gehe ich auf die Script-Entwicklung mit Greasemonkey ein, erläutere Dinge, die man beachten muß und ein paar fiese Bugs, über die ich selbst gestolpert bin.


"Script-Entwicklung für Greasemonkey" vollständig lesen

Geschrieben von Thomas Werner in Internet, JavaScript um 19:54 | Kommentare (0) | Trackbacks (0)

Tags für diesen Artikel: , , , , , ,

JavaScript und das Krümelmonster

Dienstag, 24. November 2009 um 19:15

Ich hab mich kürzlich erstmals mit dem Thema Cookies unter JavaScript beschäftigt und muß sagen: meine Fresse, das ist wirklich zum Haareraufen schlecht gelöst. Daher gibts jetzt von mir eine kleine Klasse, die den Umgang mit Cookies deutlich vereinfacht:

  1. /**
  2. * A Cookie Manager Class.
  3. * @author tw
  4. */
  5. function Cookie() {
  6.     /**
  7.      * Gets a cookie value by its name.
  8.      *
  9.      * @param name The cookie's name.
  10.      * @return String
  11.      */
  12.     this.get = function(name) {
  13.         eval('var regex=/' + name + '\\s*=\\s*([^;]+)\\s*(;|$)/;');
  14.         var result = document.cookie.match(regex);
  15.         if(result) return result[1];
  16.     };
  17.  
  18.     /**
  19.      * Sets a cookie.
  20.      *
  21.      * @param name The cookie's name.
  22.      * @param value The according value.
  23.      * @param expiresOn [Optional] A Date object specifying the expiration date.
  24.      *        if omitted, the cookie expires in seven days from now.
  25.      */
  26.     this.set = function(name, value, expiresOn) {
  27.         if(typeof expiresOn == 'undefined') {
  28.             expiresOn = new Date;
  29.             // Keep for a week
  30.             expiresOn.setTime(expiresOn.getTime() + 604800000);
  31.         }
  32.        
  33.         document.cookie = name + '=' + value.paramEncode() + '; expires=' +
  34.             expiresOn.toGMTString();
  35.     };
  36.  
  37.     /**
  38.      * Sets an "unlimited" cookie, meaning that the expiration date is set
  39.      * to the maximum.
  40.      *
  41.      * @param name The cookie's name.
  42.      * @param value The according value.
  43.      */
  44.     this.setUnlimited = function(name, value) {
  45.         var expiresOn = new Date;
  46.         expiresOn.setTime(2147483647000);
  47.         this.set(name, value, expiresOn);
  48.     };
  49.  
  50.     /**
  51.      * Deletes a cookie.
  52.      *
  53.      * @param name The cookie's name.
  54.      */
  55.     this.remove = function(name) {
  56.         var expiresOn = new Date;
  57.         expiresOn.setTime(0);
  58.         this.set(name, '', expiresOn);
  59.     };
  60. }


Verwendet wird der ganze Spaß folgendermaßen:

  1. var cookie = new Cookie;
  2. // Hält 7 Tage lang
  3. cookie.set('meinCookie', 'xyz');
  4.  
  5. // Hält "ewig" - also genau genommen bis 2037 oder so:
  6. cookie.setUnlimited('ewig', 'jaja');


Viel Spaß damit.

Geschrieben von Thomas Werner in JavaScript um 19:15 | Kommentare (0) | Trackbacks (0)

Tags für diesen Artikel: , ,

[JavaScript] Die Probleme einer Vererbungskette

Montag, 23. November 2009 um 17:32

Inhaltsverzeichnis
Ich habe zuvor bereits einen ausführlichen Artikel über die Möglichkeiten und Grenzen von Objektorientierung und Vererbung in JavaScript geschrieben (siehe Objektorientierte Programmierung in JavaScript).
Gerade eben bin ich allerdings auf ein handfestes Problem gestoßen, und zwar konnte ich mit der gängigen Technik nicht vernünftig die Kette von Eltern-Konstruktormethoden von einer tieferen Kindklasse aus aufrufen.


"[JavaScript] Die Probleme einer Vererbungskette" vollständig lesen

Geschrieben von Thomas Werner in JavaScript um 17:32 | Kommentare (0) | Trackbacks (0)

Tags für diesen Artikel: , , ,

JSE v1.0 - Ein Quellcode-Editor für den Webbrowser

Freitag, 11. September 2009 um 17:07

Als ich vor zwei Jahren meinen Blog frisch einrichtete, veröffentlichte ich einen Artikel über meinen Quellcode-Editor, den ich damals in JavaScript schrieb. In erster Linie ließ ich meinen Ärger über die Cross-Browser-Problematik bezüglich Tastatur-Key-Codes aus, welche abhängig von Browser und Plattform voneinander abweichen können.

Aufgrund dieser und weiterer Probleme war das Projekt seither auch auf Eis. Ich hab's aber vorhin nochmal ausgegraben, weitgehend korrigiert, sodaß es immerhin einigermaßen sauber unter Firefox für Linux klappt und stelle es nun wie den Quellcode von PixPush ebenso zur freien Verfügung unter der Creative Commons 3.0 Lizenz.

Ebenso stelle ich eine Live-Testversion zum Rumspielen (bzw. Code schreiben) zur Verfügung.

Schön bunt sieht's aus. Einfach mal selbst ausprobieren: Live-Testversion

Features


Die Editor-Klasse ist recht flexibel gestaltet. So kann man sich eigene Regeln für simple Code-Completion sowie Syntax-Highlighting festlegen. Standardmäßig wird Hervorhebung für die Programmierspache Java unterstützt.
Ansonsten werden Look & Feel klassischer Quellcode-Editoren über Tricksereien nachgebildet.
  • Automatische Zeilennumerierung
  • Syntax-Highlighting
  • Navigation über Cursortasten sowie Bild auf und ab
  • Entfernen und Backspace funktioniert, wie man es von einem Editor erwartet
  • Tab-Taste für Zeileneinschub
  • Automatischer Zeileneinschub basierend auf vorangegangene Zeile


Quellcode und Support


Vorab: ich werde keinen aktiven Support bieten, es aber dennoch begrüßen, wenn ihr mir Feedback über Probleme an dieser Stelle als Kommentar zukommen lassen würdet. Ich geb' das Ding so frei wie es ist und werde allerdings nur dann daran weitermachen, wenn ich Zeit und Lust dazu habe.

Ich lade jeden dazu ein, selbst Verbesserungen und Erweiterungen vorzunehmen, sowie die vorhandenen Probleme bezüglich der Tastatur-Key-Codes usw. zu beheben (weitere Details zu den Problemen und TODOs befinden sich im Quellcode).
Über Rückmeldungen würde ich mich jedenfalls freuen, sollte jemand am Code etwas ändern oder den Editor irgendwo einsetzen.

jse.zip

Geschrieben von Thomas Werner in JavaScript um 17:07 | Kommentare (0) | Trackbacks (0)

Tags für diesen Artikel: , , , ,

PixPush 1.0 - JavaScript Bitmap-Malprogramm

Mittwoch, 9. September 2009 um 16:52

Screenshot von PixPush v1.0 - Selber damit rumspielen kann man hier: PixPush v1.0 Live-Version
Vor zwei Jahren veröffentlichte ich einen ausführlichen Artikel zum Thema Bitspiele - Schnelle Multiplikation der alten Schule. Der Anlaß war mein damals programmiertes, browser-basiertes Bitmap-Malprogramm, welches ich nun wie damals angekündigt unter der Creative Commons 3.0 Lizenz veröffentliche.

Auf folgender Seite kann man mit dem Malprogramm etwas herumspielen: PixPush v1.0 Live-Version.

Da zum damaligen Zeitpunkt der sogenannte Canvas-HTML-Tag nicht sonderlich weit verbreitet war, implementierte ich das Malprogramm auf Basis von DIV-Tags - daher leidet etwas die Performance. Unter Konqueror sollte man eher die Finger davon lassen. Unter Firefox und Opera läuft's an sich ganz gut.

Mit meinem PixelPush-Patrick mache ich mal den Anfang.

Wettbewerb


Schreibt mir Kommentare und schickt mir Links auf eure, mit PixPush erstellten, Kunstwerke. Hierbei zählen nur Screenshots der gesamten PixPush-Programmoberfläche. Es gibt hierbei keinen Einsendeschluß.

Zu gewinnen gibt es eventuell einen feuchten Händedruck - sollten wir uns einmal leibhaftig gegenübertreten.


"PixPush 1.0 - JavaScript Bitmap-Malprogramm" vollständig lesen

Geschrieben von Thomas Werner in JavaScript um 16:52 | Kommentare (0) | Trackback (1)

Tags für diesen Artikel: , , , , ,

Objektorientierte Programmierung in JavaScript

Dienstag, 21. Juli 2009 um 13:20

Inhaltsverzeichnis
Objektorientierte Programmierung (OOP) ist in JavaScript eine ungewöhnliche Sache. Die ersten Einblicke in JavaScript-Code gaukeln einem alles vor, was man von OOP an sich gewohnt ist, aber Klassen sucht man darin vergeblich. Das liegt daran, daß JavaScript prototypbasiert ist. Es gibt also keine Klassen als Vorlage für Objekte, sondern Objekte wie String, Array etc. existieren bereits von vornherein, und werden über den "new"-Operator geklont, um neue Objekte zu schaffen, welche die gleichen Eigenschaften des Originals haben.

Dieser Artikel behandelt Techniken der Vererbung und wie man so etwas wie Klassenkonstrukte unter JavaScript nachbilden kann.

"Objektorientierte Programmierung in JavaScript" vollständig lesen

Geschrieben von Thomas Werner in JavaScript um 13:20 | Kommentare (0) | Trackback (1)

Tags für diesen Artikel: , , , ,

Annahme ausgelöst und nicht aufgefangen - oder JavaScript im Internet Explorer

Montag, 27. August 2007 um 19:06

Eine JavaScript-Fehlermeldung des aktuellen Microsoft Internet Explorer 7. Offenbar verwechselten die Ãœbersetzer "exception" mit "expectation".

Seit jeher beschert Microsoft uns Webdesignern und -programmierern mit seiner "Internet Explorer"-Produktserie (IE) eine schier unerschöpfliche Quelle an, zu meisternden, Herausforderungen.
Meine ersten Gehversuche in JavaScript, waren damals noch geprägt von einer gigantischen Menge an Inkompatibilitäten zwischen den großen Browsern (Netscape und IE), wobei die Räder gerne neu erfunden wurden, und die Hersteller für gleiche Funktionalitäten ihre eigenen Spezifikationen und Methoden bereithielten.
Dieses Problem läpperte sich im Verlauf der Jahre und die meisten Browser halten sich mittlerweile auch brav an die Standards.
Da ich mittlerweile hauptsächlich unter Linux entwickle, testete ich auch ein neues JavaScript-Projekt von mir, eine ganze Weile lang hauptsächlich unter Firefox, Konqueror sowie Opera, da bei mir der IE leider auch mit Hilfe von Wine und dem praktischen Tool IEs4Linux, mittlerweile nicht mehr funktioniert.
Gestern testete ich meinen Code allerdings unter Windows, um genau zu sein, unter Internet Explorer 7; und mußte feststellen, daß nichts, meiner harten Arbeit, darin laufen wollte.

"Annahme ausgelöst und nicht aufgefangen - oder JavaScript im Internet Explorer" vollständig lesen

Geschrieben von Thomas Werner in JavaScript um 19:06 | Kommentare (10) | Trackbacks (0)

Tags für diesen Artikel: , ,

Ein Array sagt mehr als tausend Worte.

Samstag, 3. Februar 2007 um 20:32


So auch ich selbst: JavaScript und Array-Funktionen. Ein bunter Strauß der guten Laune und Abendunterhaltung. Nicht.

"Ein Array sagt mehr als tausend Worte." vollständig lesen

Geschrieben von Thomas Werner in JavaScript um 20:32 | Kommentare (0) | Trackbacks (0)

Tags für diesen Artikel: , ,

Bunt und strukturiert - so muß es sein!

Samstag, 3. Februar 2007 um 17:40


Dies ist der Bildausschnitt eines typischen Quellcode-Editors - offenbar nichts Besonderes.

Es hat dennoch etwas Besonderes an sich, denn dieser Editor läuft eingebettet in einem beliebigen Webbrowser - weder über Java-Applet noch über ein Flash-Film, sondern mit Hilfe eines JavaScript-Programms.

"Bunt und strukturiert - so muß es sein!" vollständig lesen

Geschrieben von Thomas Werner in JavaScript um 17:40 | Kommentare (0) | Trackbacks (0)

Tags für diesen Artikel: ,

(Seite 1 von 1, insgesamt 9 Einträge)

Slideshow Bob - © 2007-2010 by Thomas Werner