PHP Blogger

Startseite Schreib mir ne Mail! RSS Abo Webnews

Archiv für Javascript

TinyMCE 2.1.3 veröffentlicht

Bis Version 3.0 vom beliebten Javascript-Editor TinyMCE stable ist, veröffentlichen die Entwickler weiterhin Sicherheits-Releases für den 2er Versionszweig. Das neuste Update deckt unter anderem Bugs in Firefox 3, neuen Opera-Versionen und einen Paste-Bug im Internet Explorer ab.

Zum Download

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Prototype 1.6 und Script.aculo.us 1.8 sind da

Nach viel harter Arbeit ist es nun soweit: Prototype 1.6 und Script.aculo.us 1.8 sind veröffentlicht. Jede Menge neue Features erwarten uns bei Prototype und auch bei Script.aculo.us hat sich einiges getan:

  • Tweeningsupport zwischen zwei Element-Attributen
  • Eine neue Sound-API
  • Untersützung für die CSS Vererbung von Effect.Morph

Und so ganz nebenbei viele Bugfixes und Speedups ;)

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

PHP unserialize auf Javascript-Art

Ich habe keine Ahung, ob diese Funktion in Zeiten von JSON und XML wirklich benötigt wird. Aber bei den PHP Gurus bin ich über eine Funktion gestolpert, die von PHP serialisierte Objekte auslesen und umwandeln kann - mit Javascript. Vielleicht ist es brauchbar, um Cookies auszuwerten - wer weiß?

Übrigens: Attribute, die von PHP 5 mit protected bzw. private geschützt sind, werden in public Attribute umgewandelt, Javascript ist OOP technisch bekannterweise ja noch nicht so weit.

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Ext 2.0 - Next Generation Optik?

Ext Javascript Library - LogoDas Javascript Framework Ext ist bereits Ende September in Version 2.0 erschienen. Alpha natürlich :) Mit anderen Worten, erst mal ein Preview für Look & Feel…

Wers noch nicht gesehen hat: Ext stellt die Präsentationsschicht für Anwendungen bereit. Als Javascriptframework werden Eingabeelemente bereitgestellt, die in Optik und Funktion stark an echte Windowsanwendungen erinnern. Die Controls bzw. Eingabeelemente können entweder frei auf einer HTML Seite platziert oder in windowsähnlichen Fenstern gruppiert und angeordnet werden.

Es gibt Eingabefelder und Darstellungsformen für nahezu alles, was denkbar erscheint. Geradezu einladend und im Geiste ziehen die eigenen Web-Applikationen in Desktop-Oberflächen bekleidet vorbei :)

Was dabei herauskommt, kann man sich prima auf der Examples-Seite anschauen.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Formularvalidierung mit Javascript?

Ob das gut sein kann? Zugegeben: Es ist ein leichtes, eine Formularvalidierung mit Javascript zu implementieren (Im Juli hatte ich die kleine Bibliothek JSval vorgestellt). Beim Ajaxian hab ich grad von dem neuen Projekt JSValidate gelesen, das vom Prinzip her genauso funktionier wie das vorgestellte JSval:

Im Gegensatz zu JSval baut es allerdings auf Prototype und Scriptaculous auf, hat eine eigene Website und ermöglicht eine reizvolle Web 2.0 Validierung.Aber ist eine Javascript Validierung wirklich sicher? Leider nein, das haben nämlich zahlreiche Wild-Live Projekte bewiesen. Wie kann mans besser machen, und wo liegt der Hase begraben?

Was meine ich mit Wild-Live Projekten? Ganz klar: Das ist dann, wenn wahrhaftige Dummy User auf eine Website treffen und gnadenlos damit überfordert sind, ein Formular auszufüllen. Das passier leider nur all zu häufig.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Javascript Farbauswahl wie bei Photoshop

Es ist schon eine Tragödie. Vor 3 oder 4 Jahren habe ich mir sowas sehnlichst für eine Javascript Applikation gewünscht. Jetzt ist es Wirklichkeit geworden: Ein Color Picker, der aussieht und funktioniert wie der von Photoshop.

Wie der Autor John bereits festgestellt hat, gibt es tonnenweise Javascript Color Picker - er hat die besten gleich verlinkt. Leider hat keiner der verlinkten Farbselektoren die selben Optionen was die HSB bzw. RGB Farbdeklaration angeht. Sein Color Picker funktioniert ab dem IE 5.5, FF 2, Opera 9 und Safari 2, kein Grund ihn also nicht einzusetzen.

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Eine Website in einer einzigen Datei?

Diesen Mai hatte Dean Edwards eine wirklich coole Idee: Eine komplette Website in einer einzigen HTML-Datei!

Er nennt das ganze miniWeb - die Geschichte hat nur ein paar Haken:

  • Was ist mit Bildern und Styles?
  • Was ist mit dynamischen Komponenten?
  • Was ist mit Inhalten aus einer Datenbank?

Fragen über Fragen. Und eine Idee: Kann man sowas mit PHP realisieren? Macht das Sinn? Wie siehts mit der Performance und anderen Pferdefüssen aus?

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Der Vergleich: XML, JSON, YAML und Co

Verzeiht mir die Wiederauflage des alten Schinkens, der leider dem großen Crash Anfang Mai zum Opfer gefallen ist. Es ist ein wichtiger Artikel (das sehe ich in der Statistik) und deshlab sollte man das Thema nochmal aufrollen.

Beim Entwickeln von Webseiten trennen wir alles mögliche: Design von Nutzdaten, Frontend von Backend, Templates von Kontrollstrukturen, Dateien von Datenbanken und vieles mehr. Das ist auf der einen Seite natürlich gut und übersichtlich, auf der anderen Seite kommt man in die Verlegenheit von einer Stelle zur anderen Daten schaufeln zu müssen.

Stichwort Ajax und Web 2.0 - die vielen schönen Javascript-Frameworks wie Protoype helfen zwar bei der Manipulation des DOMs, bei dem Zugriff auf Datenbanken sind sie leider keine große Hilfe. Welche Formate gibt es, um Daten von einer Stelle zur Anderen zu verladen? Wie legt man seine Ini- und Config-Dateien am besten ab? Fragen über Fragen, und hier gibts die Antwort :)

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

Lightbox 2 (deutsch)

Bereits im April habe ich über Lightbox 2 berichtet - Eine kleine Javascript Bibliothek, um die Zoom-Ansicht in Bildergalerien zu dynamisieren. Die Einbindung wird in diesem Artikel ebenfalls ausführlich beschrieben. Leider gibt es von Lokesh Dhakar keine deutsche Sprachvariante.

Ich habe es in meinen letzten Website-Projekten gerne eingesetzt und dafür eine deutsche Übersetzung angefertigt. Die Bibliothek ist unter der Creative Commons Lizenz verfügbar und derzeit in der Verion 2.03.3 verfügbar.

Update: Mittlerweile gibt es einen 100% Lightbox-Klon namens “Slimbox“. Er überzeugt durch die geringe Dateigröße, Performance und Stabilität. Die deutsche Version von Slimbox gibts exklusiv beim PHP Blogger: Jetzt Slimbox 1.4 auf deutsch downloaden!

Unter folgender URL kann die deutsche Version von Lightbox (2.03.3) heruntergeladen werden:
http://www.phpblogger.net/download/lightbox2_deutsch.zip

Die Änderungen/Übersetzungen umfassen folgende Dateien:

  • lightbox.css - Änderung der Größenangabe des Schliessen-Buttons
  • lightbox.js - Übersetzung “Bild X von Y”
  • closelabel.gif, nextlabel.gif und prevlabel.gif - Übersetzung der Worte
  • index.html - Übersetzung der Test-Datei und hinzufügen einer kleinen Testgalerie

Das Original-Release gibts übrigens unter http://www.huddletogether.com/projects/lightbox2/

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks

SSL erzwingen

Gegeben ist ein Loginbereich. Der beginnt in den meisten Fällen mit einer Anmeldemaske (andernfalls ist er via SSO -> Single Sign On zugänglich) und besteht aus X-Seiten. Wer es sich leisten kann und nicht unbedingt Hobby-Schrauber ist, hat ein SSL-Zertifikat im Einsatz. Blöd, wenn es nicht genutzt wird.

Ich habe mir Gedanken gemacht, auf welche Art und Weise man SSL erzwingen kann.

Den kompletten Artikel lesen »

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Slashdot
  • YahooMyWeb
  • Furl
  • Ma.gnolia
  • Spurl
  • Netscape
  • StumbleUpon
  • MyShare
  • blogmarks
« Neuere Artikel · Ältere Artikel »