Artikel Tagged 'Javascript'


Erste Anwendung von Adobe AIR: Desktop Alpha BlogBabel Rang

Update: BlogBabel geschlossen - alle Dienste, Widgets und Plugins sind nicht mehr aktiv

Air Aodbe Wenn Sie muss "verify" eine neue Technologie, ist das Beste, was zu tun finden eine Anwendung zu schreiben und zu kämpfen, um es zu erreichen. Auf diese Weise lernt man viel in kurzer Zeit. Sie haben ein Ziel zu haben, kurz! Ich erkläre, dass ich nichts zu tun haben BlogBabel Italien. Manche Leute denken vielleicht, dass ich für sie arbeiten ... ;) Absolut nicht! Der Grund, warum ich dies zu tun ist aufgrund der Tatsache, dass ich den Code hatte in Flash (Actionscript 3.0 neueste Version) und ich wollte sehen, was auf neu zu schreiben die Anwendung in AIR / HTML gehen. Und dann, jetzt bin ich auf diese "smash" das Ranking BlogBabel befestigt ;)
Um dies zu erreichen "ersten" AIR-Anwendung nach numeose Tests, habe ich nur verwendet Dreamweaver. BlogBabel Rang totalemte ist in AIR / HTML geschrieben. So installieren Sie die Runtime herunterladen Adobe AIR und klicken Sie hier .

Fortsetzung ...

Adobe AIR 1.0, Adobe Flex 3.0 und dem neuen Adobe Open Source

Adobe AIR Gute Nachrichten für AIR-Entwickler. Es wurde schließlich freigegeben Version 1.0 ! End of beta dann! New SDK (vital für den Bau in Bereichen wie Aptana Studio , Eclipse- , etc ...) und update Erweiterungen Dreamweawer und Flash CS3 Professional in Italien ! Bis gestern in der Tat war es nicht möglich, eine AIR-Anwendung mit Flash CS3 Beruf in Italien zu entwickeln. Jetzt das neue Menü für die Erstellung von RIA AIR ist verfügbar und funktioniert! Hier finden Sie alle Updates (Sicherheits-Fixes und Erweiterungen) direkt auf der Baustelle.

Adobe Open Source Eine weitere Neuheit ist die offizielle Einführung des Adobe Open Source , eine neue Website, die alle die neuesten Open-Source-Strecke wird nicht nur Adobe. Dies wird dann der Bezugspunkt für die Entwickler, dass die Beiträge mit interessanten Demos, Quellcode und mehr, wie die Unterstützung für Open-Source-Projekte locken Tamarin und BlazeDS .

Bald werden wir sehen, wie eine einfache AIR-Anwendung mit Flash und Dreamweaver zu entwickeln!

Fortsetzung ...

Mapstraction: JavaScript-Bibliothek für den Umgang mit Karten

Mapstraction

Mapstraction ist eine JavaScript-Bibliothek, die als Zwischenschicht auf die Karten der populärsten Systeme verwenden heute verfügbaren Akten. Die Idee ist, einen Wrapper, eine Schnittstelle, die den Code zu vereinheitlichen kann, was dann die Art der Rendering-Engine-Karten, die Sie verwenden möchten. Liefern

Mapstraction Sind vor Ort zur Verfügung Demos und Dokumentation . Die Bibliothek ist zum Download for free. Unterstützt in dieser Pressemitteilung sind die berühmtesten Motoren 9: OpenStreetMap, Yahoo , Google , Microsoft , Map24, Multimap, MapQuest, FreeEarth und OpenLayers.

Unterstützt die Erstellung von Punkt, Linie und Polygon. Können Sie Ihre Bildergalerie Overlay. Interessante Unterstützung für die Geocodierung von Anschriften und Richtungen der Marke! Net Kompatibilität mit Feeds GeoRSS und KML .

Aus den Beispielen der Code, wenn Sie verstehen, wie nützlich ein Werkzeug dieses Typs. Jeder "Interface" ( Google , Microsoft , Yahoo , etc ...) es hat seinen eigenen Satz von APIs. Durch Mapstraction , jedoch können wir schreiben eine einzige Code-Block und lassen Sie die Endbenutzer die Wahl des Dienstleisters zu bedienen. Zum Beispiel, wenn Sie die Bibliothek zu initialisieren, die folgende Codezeile:

1
2
/ / Initialisierung der Karte mit Ihrer Wahl der API
new Mapstraction ( 'mapstraction' , 'google' ) ; var = new Mapstraction Mapstraction ('Mapstraction', 'google');

Bestimmt den Motor Google ! Es ist selbstverständlich, dass, ersetzte ich den String 'google', sofort die Rendering-Engine der Karten!

1
2
/ / Initialisierung der Karte mit Ihrer Wahl der API
new Mapstraction ( 'mapstraction' , 'microsoft' ) ; var = new Mapstraction Mapstraction ('Mapstraction', 'Microsoft');

Obwohl die Bibliothek ist nicht wirklich abgeschlossen ist, können in einem einheitlichen Rahmen alle Merkmale "Ausbreitung" der einzelnen Bibliotheken integriert werden. Die Rendering-Engine von Microsoft, zum Beispiel, ermöglicht die Anzeige "in der Luftlinie." OpenStreetMap und Google Maps haben ein hervorragendes Management der Straße, darunter die italienischen. Kurz gesagt, für diejenigen, die müssen sich der Entwicklung einer Anwendung mit dem Einsatz von Karten und kann nicht - nur - zu entscheiden, welche Technologie für die Entwicklung verwenden, Mapstraction erlaubt - in der Tat - zu sich selbst zu schneiden, das Dilemma durch die Einführung zu lösen, in der Tat, dritte Akteur, und auf diese Weise, geben uns die Möglichkeit, die Rendering-Engine jederzeit ändern. So gute Idee zu folgen und zu bedienen!

Fortsetzung ...

Light Gallery: 2.0.0_rc1 LightView

LightView . Hier ist noch ein weiteres neu veröffentlichten Dezente JavaScript-Bibliothek für Bildergalerien und mehr LightView in 2.0.0_rc1 Release , fügte auch die Funktionen "Öffnen"-Fenster mit dem Inhalt, die über einfache Bild geht: Flash-Filme, QuickTime , Form und IFRAME! Im Vergleich zu der vorherigen Version (1.1.0 -, die nur Bilder Griffe), dann ist dieses Release Candidate erweiterten Funktionen sind auch in anderen Bibliotheken . . Die Werkzeuge von erforderlichen Lighview sehr gut bekanntes Werk sind die Prototype 1.6.0.2 und Scriptaculous 1.8.1 . Gliattributi Bibliothek verwendet, um die Verwaltung von class und rel .

Interessante einen Aspekt dieser Bibliothek ist die extreme Sorgfalt, mit der die Grafik angezeigt wird.

Ergebnis: 9 - Startseite LightView

Fortsetzung ...

Licht-Bibliothek: Slimbox von einem Shadowbox, Galerien in Javascript

Man könnte sagen - und das zu Recht - genug! JavaScript-Bibliotheken (Unauffällig - nicht aufdringlich oder teilweise), um Bilder und Galerien verwalten sind so viele. Jedenfalls ist hier die Liste mit Vor-und Nachteile, die beste die ich bisher ausprobiert habe.

Slimbox 1.41

Extrem minimal, 7K (Version 1.41), benötigt mootools zu arbeiten. Wie auf der Homepage angegeben ist ein echter Klon graph Lightbox , werden wir weiter unten. Ehrlich gesagt, abgesehen von der extremen Kompaktheit der Bibliothek nicht besitzt besondere Eigenschaften. Am selben Ort, aber Sie finden auch eine Skripte zur Laufzeit Reflexionen erzeugen ... möchten Sie vielleicht diese Grenze ;)

Bewertung: -6 - Slimbox Home, Startseite Reflection.js für MooTools

Lightbox2

Lightbox2 Einer der bekanntesten und einfach. Verwaltet Bilder in dieser Pressemitteilung sind (so sie nicht mit QuickTime, Flash oder andere Arbeiten). Zum Betrieb benötigt Prototype und Scriptaculous . Verwenden Sie das Attribut rel auf die Links zu verarbeitenden Bilder zu identifizieren:

1
"images/image-1.jpg" rel = "lightbox" title = "my caption" > image #1 < / a > < ein href = "images/image-1.jpg" rel = "lightbox" title = "my caption"> Bild # 1 </ eins >

Wie die anderen Bibliotheken, die wir sehen werden, unterstützt die Diashow-Modus, geben Sie einen beliebigen Bezeichner in eckigen Klammern in einer Reihe von Link / Bild:

1
2
3
"images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < ein href = "images/image-1.jpg" rel = "lightbox [Roadtrip]"> Bild # 1 </ eins >
"images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < ein href = "images/image-2.jpg" rel = "lightbox [Roadtrip]"> Bild Nr. 2 </ eins >
"images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < ein href = "images/image-3.jpg" rel = "lightbox [Roadtrip]"> image # 3 </ eins >

Ergebnis: 6 - Top Lightbox2

LightWindow 2,0

LightWindow 2,0 Dies ist auch durchaus üblich! Nach allem, wie können Sie sagen, welche verwendet wird? ;) . Es ist jedoch sehr umfangreich und vielseitig. Auf der Seite steht die Forderung nach Spenden für die Anschaffung eines Mac ... und drücken ein wenig invasive ... aber wie oben, aber für den Betrieb, erfordert die Anwesenheit von Prototype und Scriptaculous . Anders als seine Vorgänger, aber damit können Sie moltisiimi Arten von Dateien zu betrachten: von den Bildern, QuickTime-Filme, Flash-Filme, externe HTML-Seiten und PDF. ) altri obbligatori ( class e params - per impostare il comportamento della libreria). Im Gegensatz dazu nutzt verschiedene Attribute, einige optional ( author, caption und title ) anderen gesetzlich zu ( class und params - um das Verhalten der Bibliothek eingestellt). Zum Beispiel zum Anzeigen einer Galerie oder Diashow mit dem Attribut rel :

1
2
3
"gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption = "Look's super tasty!" author = "Unknown" > image #1 < / a > < ein href = "gallery/0-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = caption = "Look ist super lecker!" author = "Unknown", "Left Behind"> Bild # 1 </ ein >
"gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Beware of warewolves..." caption = "I shouldn't be doing this when I am hungry" author = "Unknown" > image #2 < / a > < ein href = "gallery/1-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Beware of warewolves ..." caption = "Ich sollte das nicht tun, wenn ich hungrig bin" author = "Unbekannt"> Bild Nr. 2 </ eins >
"gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "That was good!" caption = "Take that sushi!" author = "Unknown" > image #3 < / a > < ein href = "gallery/2-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Das war gut!" caption = "Nehmen Sie das Sushi!" author = "Unbekannt"> Bild Nr. 3 </ ein >

Ergebnis: 8 - Startseite LightWindow 2,0

Shadowbox 1.0B

Shadowbox Obwohl die Version 1.0 beta ist dies vielleicht die komplette Bibliothek, die beide aus der funktionalen Sicht von den Bibliotheken unterstützt wird. Für den Betrieb in der Tat, können Sie aus einer Vielzahl von Rahmenbedingungen zu wählen, mit der Datei "Adapter", besonders hergestellt und durch den Autor geliefert:

Der visuelle Effekt (konfigurierbar über die Haut / css), dann, anders als die anderen, ist auf jeden Fall attraktiver. Die verwendeten Attribute sind nur rel wo, in dessen Innenraum sind alle anderen Konfigurationsparameter. Zum Beispiel, um eine Galerie, verwenden Sie einfach:

1
2
"beach.jpg" rel = "shadowbox[Vacation]" > The Beach < / a > < ein href = "beach.jpg" rel = "shadowbox [Vacation]"> The Beach </ eins >
"pier.jpg" rel = "shadowbox[Vacation]" > The Pier < / a > < ein href = "pier.jpg" rel = "shadowbox [Vacation]"> The Pier </ eins >

Wenn Sie einige Optionen einstellen (wollen siehe Website für eine vollständige Liste ) verwenden Sie einfach die folgende Syntax:

1
"myimage.jpg" rel = "shadowbox;options={overlayOpacity: 0.5, resize: false}" > My Image < / a > < ein href = "myImage.jpg" rel = "shadowbox; options = {overlayOpacity: 0,5, Größe: false}"> My Image </ eins >

Auf dem Internet können sie finden andere, wie zum Beispiel JS Highslide . In der Tat, wenn Sie eine andere Bibliothek berichten wollen ... Wie auch immer, persönlich bevorzuge ich Shadowbox für Einfachheit, Skalierbarkeit und Cross-Rahmen.

Ergebnis: 9 - Top Shadowbox 1.0B

Fortsetzung ...

Adobe AIR: Der missverstandene

Adobe AIR Einige zu Recht, über die Adobe AIR argumentieren, Adobe Integrated Runtime (ehemals Apollo) von Adobe angeboten. Was reden wir? Nachdem alle Luft ist noch eine Beta ( die neueste Version ist 12/12/2007 - Beta 3 ) und seinen Erfolg, wir werden sehen, ob mit oder nicht, hängt von vielen Faktoren ab.

Fortsetzung ...

Firebug 1.1 beta

Firebug

Auf Fireclipse Release 1.1 ist verfügbar Beta-Version von Firebug , JavaScript Debugger erstaunlich und nicht nur für FireFox . Zu den Neuheiten dieser Beta gibt die Unterstützung für Firefox 3, die Funktion eval ()-Schnittstelle und einem externen Editor.

Zu folgen, mit Interesse, dann das gesamte Projekt Fireclipse , ein offenes Projekt, um JavaScript-Tools gewidmet!

Fortsetzung ...

Google Maps Komponente für Flash

AFComponents UMAP

Google hat APIs - Javascript - um ihre Karten in jedem Web-Site setzen wetteiferten, wie die gleiche Sache mit Flash zu erreichen.!

Bild Wir beginnen mit einer kostenlosen Komponente, UMAP (Universal ActionScript 3.0 Mapping API - Integriert mit Google Maps), entwickelt von AFComponents , eine vertikal organisierte Unternehmen von Komponenten für Flash / Flex wirklich interessant und erschwinglich. Auf dem Gelände, wo man sich registrieren um die Vorteile der kostenlosen Downloads brauchen, gibt es auch Versionen von UMAP für ActionScript 2.0: MAP G Ver.2.6.1 . In diesem Fall werden wir analysieren die Version 0.4 Beta UMAP für ActionScript 3.0 (in der Verpackung gibt es auch eine Flex-Komponente). Das werden wir sehen, ist - natürlich - eine Beta-Version und es fehlt daher einige Funktionen in der Version für ActionScript 2.0 ( G Ver.2.6.1 MAP ). Allerdings Wächter in die Zukunft, es interessanter, die Aufmerksamkeit auf dieses Release zu konzentrieren scheint, ich versuchten beide, und trotz der Freilassung von mehr komplett für Actionscript 2.0, ist Actionscript 3.0 Beta-Version deutlich stärker.

Fortsetzung ...

EditArea: eine reiche Sourcecode Editor in Javascript

EditArea ist eine andere Art zu HTML-Bearbeitungsfunktionen erlaubt die Online-Nutzung. Diese Technik, die am häufigsten zu erstellen verwendet WYSIWYG-Editor , in diesem Fall wird verwendet, um eine echte Code-Editor geben.

EditArea

Eine regelmäßige textarea Feld ist zu einem echten Editor mit der Möglichkeit, den Text zu formatieren, Suchen und Ersetzen von Wörtern und erhalten einen Farbcode in Echtzeit umgewandelt. Zu den Features, die wir beachten:

  • Einfache Integration über eine einzige JavaScript-Skript und einem einzigen Aufruf einer Funktion der Patch.
  • Registerkarte Support
  • Suchen und Ersetzen mit regulären Ausdrücken
  • Unterstützung der Farbcode für PHP, CSS, JavaScript, Python, HTML, XML, VB, C, CPP, Pascal, Basic, Brainf * ck
  • Auto-Einrücken der neuen Linien
  • Nummerierung Zeilen Code
  • Mehrsprachige Unterstützung: Kroatisch, Dänisch, Englisch, Französisch, Deutsch, Italienisch, Japanisch, Polnisch, potoghese)
  • Unterstützung für gzip
  • Mehrere Instanzen
  • Vollbild
  • Die Größe des Fensters in Echtzeit
  • Möglichkeit, die Funktionen über Plugins erweitern
  • Speichern und Laden Rückruf
  • Die Arbeit mit Prototypen und mootools

Ein Beispiel, wie es zu benutzen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
editAreaLoader. init ({
// id of the textarea to transform id: "exemple_3" / / id des textarea zu transformieren
true , Start_highlight: true
"8" , FONT_SIZE: "8"
"verdana, monospace" , Font_family: "verdana, Monospace"
"y" , Allow_resize: "y"
false , Allow_toggle: false
"fr" , Sprache: "fr"
"css" , Syntax: "css"
"new_document, save, load, |, charmap, |, search, go_to_line, |, undo, redo, |, select_font, |, change_smooth_selection, highlight, reset_highlight, |, help" , Toolbar: "new_document, speichern, laden, |, Charmap, |, Suche, go_to_line, |, Undo, Redo, |, select_font, |, change_smooth_selection, Highlights, reset_highlight, |, zu helfen"
"my_load" , Load_callback: "my_load"
"my_save" , Save_callback: "my_save"
"charmap" , Plugins: "Charmap"
"arrows" , Charmap_default: "Pfeile"
});

Fortsetzung ...

FreeTextBox: Javascript HTML WYSIWYG Editor für ASP.NET

Bild FreeTextBox ist ein HTML-Editor in JavaScript geschrieben, für ASP.NET. Diese Version ist 4.0 Beta 1 kompatibel mit IE, Mozilla und Firefox auf allen Plattformen. Wie andere Editoren (siehe: WYSIWYG-Editor für das Web ) ermöglicht es Ihnen, das Aussehen und die Instrumente gesetzt. Obwohl für ASP.NET, unbehandelt Rahmen von mir, Bericht, den ich für seine Freundlichkeit. Allerdings sin, kommt in zwei Versionen: eine kostenlose und eine kostenpflichtige Version!

Bild

Fortsetzung ...