Kategorie "D"
Eine interessante und nützliche Javascript-Bibliothek basiert sull'accoppiata Prototype und Scriptaculous können Sie die Funktion hinzufügen DatePicker (Komponente in ActionScript / Flash) in normalen HTML-Text Input.
Seine charakteristische Unauffällig (nicht aufdringlich) macht es zum idealen Werkzeug, um die Funktionalität einer Website, der zuvor etablierten erweitern. Um die DatePicker aktivieren fügen Sie einfach die Klasse "Datum" in unserem INPUT-Tag. In Javascript können Sie verschiedene Parameter, wie die überwältigende Unterstützung für die italienische Sprache.
Hier ist ein Stück Code, zB:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| "text/javascript" src = "/prototype.js" >< / script > < script type = "text / javascript" src = "/ prototype.js"> </ script > "text/javascript" src = "/scriptaculous.js" >< / script > < script type = "text / javascript" src = "/ scriptaculous.js"> </ script > "text/javascript" src = "/datepicker.js" >< / script > < script type = "text / javascript" src = "/ datepicker.js"> </ script > "text/css" > < style type = "text / css"> @ Import ("/ css / datepicker.css"); </ style > < bilden > "text" id = "date-from" name = "date-from" / > < Eingang type = "text" id = "date-aus" name = "date-aus" /> </ Form > "text/javascript" > < script type = "text / javascript"> DPCK var = new DatePicker ({ relativ: 'date-aus', Sprache: 'DE' }); </ script > |
Mehr ...
Die glücklichen Mac-Besitzer hatten schon immer ein Betriebssystem können die Farben der Ordner behandeln. Schließlich mit iColorFolder , Open-Source-Dienstprogramm, auch unter Windows XP können Sie Farben und Grafiken von den Ordnern.
Es erlaubt Ihnen, virtuelle Desktops in einer sehr effizienten Weise zu verwalten. Es bietet eine Reihe von Dienstprogrammen für die Verwaltung von Fenstern und viele erweiterte Funktionen, um auch versteckte Fenster verfolgen, stellen Sie die Transparenz und mehr. Diese Software ermöglicht die vollständige Personalisierung und eine Diashow aller Desktop erstellt und ermöglicht es, Regeln für die Verwaltung von Fenstern auf dem Desktop zu erstellen. Sie können auch alle Desktop-(maximal 20) in einem Rutsch visuallizzare!.
Lets get eine Thumbnail-Vorschau dann iconizzate der Fenster in der Taskleiste, so wie in Windows Vista. Die Besonderheit dieser Anwendung liegt in Thumbnail-Größe, sehr gut sichtbar in der Fähigkeit, Änderungen in Echtzeit an das Fenster, wie Flash-Animationen, Fortschrittsbalken, etc angezeigt ...
Auf der Website von Hamad Darwish , der Fotograf, gibt es einige Aufnahmen gemacht, dass Microsoft für zwei, von denen nur ein Teil derjenigen, die unter die Unterstützung von Windows Vista sind. Sie können 22 Hintergrundbilder wirklich wunderbar, auf jedem Betriebssystem verwenden, einschließlich XP.
Hauptsächlich für Entwickler gewidmet, aber nicht auf diese einfache, leichte Software begrenzt verfolgt die Spuren Ihres Datei-Versionen. Seine Verwendung ist sehr einfach: wählen Sie einfach einen Ordner oder eine Datei von der Anwendung auf dem Laufenden gehalten "unter Kontrolle" werden. Ab diesem Zeitpunkt können Sie repristinare eine frühere Version. Sie können entscheiden, welche Dateien oder Ordner "bewahren" durch klassische Wildcards (wie *. Oder * _ *) und der Anzahl der Revisionen. Es funktioniert in der Praxis, mit jeder Art von Dokument: PSD, DOC, PDF, HTML, etc ... so hilfreich für Menschen, die Dokumente schreiben, Grafiken mit Photoshop und Software-Entwickler.
Mehr ...
Es ist erhältlich, um die Aktualisierung Aptana IDE , die Web-Entwicklungsumgebung, unterstützt Adobe AIR und Apple iPhone . Zu den neuen Verbesserungen in der PHP-Abschnitt durch die Aktualisierung der Code Assist-Funktionen auf beide Parameter. Auch verbesserte sich die "Farbe" des Codes. Zusätzliche Unterstützung für neueste Ajax-Frameworks einschließlich prototype.js und jQuery . Auch verbessertes Handling von Javascript.
Für die komplette Liste der neuen Features finden Sie hier .
Mehr ...
Neue Version 1.1 der Javascript-Bibliothek SLR , mit dem Sie Reflexion Effekte auf Bilder hinzufügen können. Der Vorteil der Verwendung dieser Technik "unauffällig" ist die Geschwindigkeit, mit der man diese Effekte, ohne tatsächlich verbringen viel Zeit in das Erstellen der Image des Nachdenkens hinzufügen können.
Diese Version wurde auf Mozilla Firefox 1.5 getestet +, Opera 9 +, Safari und IE6. Die Mindestgröße für ein Bild ist 32 × 32. Sobald libreiria einschließlich:
1
| "text/javascript" src = "reflex.js" >< / script > < script type = "text / javascript" src = "reflex.js"> </ script > |
Geben Sie einfach class = "Reflex" auf die Bilder, wo wir wollen, dass die Wirkung an. Durch die Ausnutzung der Eigenschaften der Klasse, können Sie manipulieren die Auswirkungen der Reflexion, die diese ganz besondere Bibliothek ermöglicht. Sie können in der Tat, auch das Bild verzerren, indem 3D-Effekte. Zum Beispiel ist hier, wie verschiedene Funktionen rilfessione hinzu:
1
| "reflex idistance16 iborder2 iheight24" width = "200" alt = "" src = "images/example.jpg" / > < img class = "SLR idistance16 iborder2 iheight24" width = "200" alt = "" src = "images / example.jpg" /> |
Für Details siehe die offizielle Dokumentation .
Auf der gleichen Seite kannst du viele andere Effekte wie Kante, Ecke, glänzend und viele andere, alle mit der Bilder.
Mehr ...
Proto.Menu ist eine einfache und leicht (2Kb) Lösung für Sie JavaScript, um die Funktionalität zu den Kontextmenüs HMTL-Seiten hinzuzufügen. Diese Bibliothek verwendet die aktuellste Release von Prototype 1.6.0_rc0 . Die wichtigsten Merkmale sind:
- Helligkeit: ~ 2 KB (~ 1,5 MB Version)
- Unauffällig: nicht aufdringlich
- Unterstützt alle Browser
- Anpassbare in Bezug auf Stil-Blatt
- Extrem schnell
Für den Einsatz erforderlich ist:
- prototype.js 1.6.0_rc0
- Bewährt auf den Browser: Firefox 1.5 +, Internet Explorer 6 +, Safari 3 +, Opera 9 +, Netscape Navigator 9 +
Um es zu verwenden einfach den Bibliotheks-und Prototyp proto.menu:
Laden Sie Proto.Menu.js (oder komprimierte Version )
1
2
| "text/javascript" src = "js/prototype.js" >< / script > < script type = "text / javascript" src = "js / prototype.js"> </ script > "text/javascript" src = "js/Proto.Menu.js" >< / script > < script type = "text / javascript" src = "js / Proto.Menu.js"> </ script > |
Sie können Ihre eigene CSS-Datei
1
| "stylesheet" href = "Proto.Menu.css" type = "text/css" media = "screen" / > < Link rel = "stylesheet" href = "Proto.Menu.css" type = "text / css" media = "screen" /> |
Und seine Anwendung wirklich einfach ist, erstellen Sie ein Array mit Links zu zeigen:
1
2
3
4
5
6
7
8
9
10
11
| [ var MyLinks = [
: 'Back' , callback : function ( ) { alert ( 'back function called' ) } } , {Name: 'Zurück', Rückruf: function () {alert ('zurück Funktion namens')}},
: 'Forward' , callback : function ( ) { alert ( 'Forward function called' ) } } , {Name: 'Vorwärts', Rückruf: function () {alert ('Forward Funktion namens')}},
true } , {Separator: true},
: 'Reload' , callback : function ( ) { alert ( 'Reload function called' ) } } , {Name: 'Reload', Rückruf: function () {alert ('Reload aufgerufene Funktion')}},
: 'Disabled option' , disabled : true } , {Name: 'Option Deaktiviert', Behinderte: true},
: 'Toggle previous option' , callback : function ( ) { {Name: 'Toggle vorherige Option', Rückruf: function () {
= oLinks. find ( function ( l ) { return l. name == 'Disabled option' } ) ; var item = oLinks finden (function (e) {return l name == 'Option Deaktiviert ".}).;
= item . disabled == false ? true : false ; .. Eintrag gesperrt = item behinderte == false true: false;
}}
] |
Die Menüs werden, indem die Referenz auf das Array erstellt aktiviert:
1
2
3
4
5
6
7
| "text/javascript" > < script type = "text / javascript"> neue Proto.Menu ({ Selektor: '. ContextMenu' / / Kontextmenü wird angezeigt, wenn Element mit Klasse Namen "Kontextmenü" angeklickt werden className: 'myContextMenu', ist / / dies eine Klasse, die zum Menü Behälter angebracht werden (für die CSS-Styling) Menüelemente: MyLinks / / Array von Menüpunkten }) </ script > |
Beachten Sie die Eigenschaft selector zeigt an, dass das Element zum Kontextmenü für diesen Zusammenhang.
Mehr ...
Entfernen Sie das Kontext-Menü oder einfach nur Antworten auf "Rechts-Klick"-Maus ist eine Möglichkeit, Flash Player direkt von ActionScript-Code wird nicht einmal in CS3 erlaubt. Dieses Feature wäre attraktiv für beide Spiele für RIA-Anwendungen. Paulius Uza hat eine Lösung für ActionScript 3 vorgeschlagen (AS3), die im Tandem mit Javascript funktioniert. Dieser "Patch" ist immer noch in der Testphase, weil es in deinem Browser und Flash Player installiert abhängt. Sie können helfen, indem Sie probeweise Anwendung Demo hier .
Es war auch ein Aperitif "Projekt" auf Google Code :
Die Idee ist ziemlich einfach:
1-Verwenden Sie Javascript in den HTML-Container, um auf der Spitze des SWF mit der rechten Maustaste zu deaktivieren.
2 - Capture the Ereignis und übergeben es an einer Funktion, die mit Flash kommuniziert über die externe Schnittstelle
3-In Actionscript die Funktion von JavaScript aufgerufen tut was auch immer Sie Ihre eigenen benutzerdefinierten Kontext-Menü angezeigt werden müssen.
Mehr ...
Sie haben soeben die Freigabe Release Candidate von Prototype 1.6.0 mit den neuesten Updates für das gesamte System-API. è stato migliorato e ora fornisce il contesto dell'oggetto che ha rilasciato l'evento. Insbesondere das Verfahren observe Objekt Event wurde verbessert und bietet nun die Hintergrund-Objekt, das das Ereignis ausgegeben. Das "richtige" Verhalten kann überschrieben werden, jedoch. Dies bedeutet, dass standardmäßig this auf das Objekt, das das Ereignis bezieht ausgestellt. Sie führten auch die Möglichkeit, eigene Veranstaltungen zu schaffen. Weitere Verbesserungen umfassen die Function.prototype, die Funktionen von DOM, Ajax, Funktionen, Klassen und mehr. Eine vollständige Liste finden Sie im ChangeLog.
Laden Sie
Mehr ...
Als "ausgelöst" ein Ereignis von einem Objekt-Kontext, der das übergeordnete Objekt, die den Umfang aller Variablen repräsentiert ist, wird das Objekt selber. Dieses Merkmal, Eigenschaft der objektorientierten Programmierung werden kann verwirrend verursachen Fehler und Bugs im Code. Darüber hinaus in bestimmten Situationen kann verhindern den Zugriff auf einige Variablen "vor" zur Verfügung.
Zunächst einmal sehen wir ein Feature von ActionScript im Zusammenhang mit Management-Kontext, die, falls enthalten, rette uns dauert ein paar Stunden unnötiger Tests. Als wir mit Grafiken oder einfach MovieClips ineinander verschachtelt zu tun haben, die Eigenschaft _parent , Problemlösungs-Kontext. Zum Beispiel, wenn der MovieClip padre_mc contiente figlio_mc anderen MovieClip und verwenden Sie den folgenden Code:
1
2
3
4
5
| / / Code in padre_mc
( ) { figlio_mc. onRelease = function () {
this ) ; // figlio_mc trace (this); / / figlio_mc
this . _parent ) ; // padre_mc trace (This. _parent); / / padre_mc
} |
Risalisre den "Vater", dann ist klar und direkt.
Mit reinen Klassen, Code-only, oder die Erweiterung der MovieClip-Eigenschaft _parent steht nicht zur Verfügung und könnten die Dinge noch komplizierter! Immaginiiamo zu haben eine Klasse MyClass :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| MovieClip { Klasse MyClass erstreckt MovieClip { function MyClass () { / / Konstruktor } / / myMethod Funktion () { this ) ; // myClass trace (this); / / myClass ; var zahl = 5; ; var cp = this; .... [ un oggetto ] ; var myObject = new [ein Objekt]; ( ) { myObject. onLoad = function () { this ) ; // myObject trace (this); / / myObject cp ) ; // myClass trace (cp); / / myClass } } |
, ovvero il puntatore alla classe MyClass . Der Kontext MyMethod() ist natürlich, this , das ist die Zeiger auf die Klasse MyClass . . Die Variable num , zum Beispiel, hat einen Lebenszyklus innerhalb der Methode eingeschlossen MyMethod() . Es ist daher nur innerhalb der Methode sichtbar und wird am Ausgang zerstört werden. . Das Gleiche gilt für die Variable myObject , die ein Ereignis initialisiert, aber in diesem Fall onLoad . lasciandoci, apparentemente, senza il puntatore alla classe madre myClass . Wenn ausgelöst onLoad() Kontext wird myObject verlassen, scheinbar, ohne die Zeiger auf das übergeordnete Klasse myClass . , ha lo stesso contesto della variabile myObject ! Ein genauerer Blick auf den Code, den wir sehen, dass die Variable cp , in der Methode definiert myMethod() , den gleichen Kontext der Variable hat myObject ! dell'oggetto myObject in quanto condivide con esso lo stesso contesto. In der Tat wird die Variable cp (Klasse Zeiger) sichtbar sein wird innerhalb der Methode onLoad Objekt myObject da es den gleichen Kontext teilt. ha necessità di “vivere” più al lungo del previsto visto che ha “allocato” un evento (di tutto questo se ne occupa Flash a nostra “insaputa”). In der Tat das Verfahren myMethod() nicht nur, weil das Objekt freigegeben wird myObject hat das Bedürfnis, "live" über die länger als erwartet, weil es "zugeteilt" ein Ereignis (all dies ist mit Flash zu tun in unserem "unbekannt").
Beratung
Für Veranstaltungen mit Schaltflächen oder Movieclips verbunden eine gute Gewohnheit wäre, das Formular zu verwenden:
1
2
3
4
5
| my_mc onRelease = myOnRelease.;
myOnRelease function () {
this ) ; // _root trace (this); / / _root
"Click me" ) ; trace ("Klick mich");
} |
An die Stelle der schnelleren und sofortigen:
1
2
3
4
| ( ) { my_mc. onRelease = function () {
this ) ; // my_mc trace (this); / / my_mc
"Click me" ) ; trace ("Klick mich");
} |
Der Vorteil der Verwendung eines externen Funktion ist es, einen neutralen Kontext und die Möglichkeit, die Funktion unabhängig von der MovieClip, die sie kontrolliert den Zugriff zu haben. Im zweiten Fall, zum Beispiel, wenn Sie zwingen wollen, dass die Ausführung des Codes an den "Klick" der MovieClip verknüpft sollte ich einen Code dieser Art verwenden:
1
| ; . my_mc onRelease (); |
In der Praxis nenne ich die Veranstaltung als ob es ein Verfahren waren. Allerdings habe ich - in der Tat - auf die MovieClip haben my_mc . So oder so, aber ich kann führen Sie den Code direkt aufruft myOnRelease() . Offensichtlich, wie in den Beispielen, Auge in Kontexten. . Im ersten Fall wird der Kontext der myOnRelease() ist die Mutter des Objekts, wo es geschrieben steht, zum Beispiel _root . Im zweiten Fall hingegen ist der Kontext immer die MovieClip my_mc !
Erzwingen einer anderen Kontext
Wir schließen mit einer nützlichen Tricks in vielen Fällen. in grado di forzare un contesto di un metodo o funzione. Flash bietet eine Bibliothek, mx.utils mit einem Objekt Delegate können erzwingen, dass ein Zusammenhang mit einer Methode oder Funktion. Seine Verwendung ist sehr einfach:
1
2
3
4
5
6
7
8
| utils . Delegate ; .. Import mx utils Delegierter;
/ /
// puntatore ad un MovieClip my_mc var, / / Zeiger auf eine MovieClip
// un bottone my_btn var, / / a-Taste
Funktion myFunction () {
this ) ; trace (this);
}
create ( my_mc , myFunction ) ; my_btn onPress = Delegate erstellt (my_mc, myFunction)..; |
Die Veranstaltung onPress my_btn die Schaltfläche verweist auf eine "neue" Funktion erstellt genau mit dem Kontext my_mc. Wenn Sie auf den Button klicken my_btn, wird der Code ausgeführt in myFunction() wird als Kontext my_mc haben!
Mehr ...
Eine der Stärken von Adobe Flash liegt in der Wahl von ECMAScript (ECMA-Produkte - E UROPÄISCHEN omputer M ersteller A ssociation). als Standard-Skriptsprache ActionScript und JavaScript in der Tat, beide stammen aus einem höheren Standard, wie sie sind extrem ähnlich. Dies ist ein Grund, warum viele ActionScript-Programmierer entwickeln sich sehr leicht in JavaScript und umgekehrt.
ActionScript hatte schon immer ein Management-"Double" von Ereignissen, die oft einige Entwickler verwirrt hat. In MovieClip, zum Beispiel können Sie ein Ereignis setzen Sie einfach durch die Deklaration einer Funktion, um die Eigenschaften des Ereignisses, zum Beispiel:
Methode 1
1
2
3
| ( ) { mio_mc. onRelease = function () {
"Click sul MovieClip" ) ; trace ("Klicken Sie auf den MovieClip");
} |
Andere Objekte hingegen erfordern eine andere Behandlung des Ereignisses Sie überwachen möchten, benötigen Sie die klassischen Hörer, ein Objekt für diese Aufgabe entwickelt. Zum Beispiel kann die Maus-Objekt kann auf diese Weise gesteuert werden:
Methode 2
1
2
3
4
5
| Object = new Obejct ( ) ; var MouseListener: Object = new Obejct (); ( ) { MouseListener. OnMouseMove = function () { "Mouse in moto" ) ; trace ("Maus in Bewegung"); } addListener ( mouseListener ) ; Mäuse . addListener (MouseListener); |
Die Komponenten haben eine weitere Variante, wie der Loader-Komponente:
Methode 3
1
2
3
4
5
| Object = new Object ( ) ; var loaderListener: Object = new Object (); = function ( evt : Object ) { . loaderListener vervollständigen = function (evt: Object ) { "Caricamento completato" ) ; trace ("Upload abgeschlossen"); }; ( "complete" , loaderListener ) ; . myLoader_ldr addEventListener ("complete", loaderListener); |
Warum diese Unterschiede? Der Grund, in Wahrheit, ist sehr einfach. Die Methode 1, die unmittelbarste, wird verwendet, wenn das Ereignis "abfangen" ist einzigartig, das ist, wenn es keinen Sinn macht zu "nehmen" mehrere Funktionen nacheinander alle " anderen. Verfahren 2 und 3, jedoch schaffen die "Listen" von "Zuhörer" und sind äußerst nützlich und mächtig, weil man anschließen kann nahezu endlos Funktionen auf ein bestimmtes Ereignis.
Das gleiche passiert in JavaScript und können in Bibliotheken wie gesehen werden Prototypen . Die bequeme Methode zu beobachten (), zur Verfügung gestellt Event-Objekt, erlaubt es, Funktionen in einem Ereignis eines Objekts einhaken. Zum Beispiel:
1
| window , 'load' , function ( ) { alert ( "Finestra caricata" ) ; } ) ; . Ereignis beobachten (Fenster, 'load', function () {alert ("Fenster geladen");}); |
In diesem Fall sind wir süchtig unsere Funktion, die eine Warnung an die Load-Ereignis des window-Objekts angezeigt. Wir konnten nur die Aussage zu wiederholen und bringen zusätzliche Veranstaltung:
1
2
| window , 'load' , function ( ) { alert ( "Finestra caricata - 1" ) ; } ) ; . Ereignis beobachten (Fenster, 'load', function () {alert ("Fenster Belastungen - 1");});
window , 'load' , function ( ) { alert ( "Finestra caricata - 2" ) ; } ) ; . Ereignis beobachten (Fenster, 'load', function () {alert ("Fenster Lasten - 2");}); |
Diese Funktion, die auch gemeinsam in ActionScript, ist ein äußerst vielseitiges, insbesondere in Javascript, war der Schlüssel zur Verwirklichung von vielen "Widgets" und Erweiterungen (siehe den Klassiker -Snap ), die in der heutigen Web breiten sich die Fähigkeit, Schlange, in der Tat bei Ereignissen, die bereits durch andere Funktionen werden, können nicht-intrusive (unaufdringlich) und dann in der Praxis die Funktionen, die den bereits vorliegenden hinzuzufügen.
Mehr ...
Update: Blogbabel geschlossen - alle Dienste, Widgets und Plugins sind nicht mehr aktiv
Mit Berichten von P | xel und Dat ich gelernt, über die neue API, die unsere Website BlogBabel versehen . Also habe ich eine neue Version von dell'antipixel BlogBabel Flash.
In dieser neuen Version (die das installierte frühere Version von Flash macht gar nichts, die Aktualisierung erfolgt automatisch) haben die neue ausgebeutet API von BlogBabel versehen . Der Code ist weniger invasiv und schneller als die Vorgängergeneration. Wählen Sie im Kontextmenü, auch Sie können mehr Daten und die Berechnung auf der "up" oder "down" (grün oder rot) zugreifen wird jetzt korrekt durch die bereitgestellten API-System BlogBabel .
Ich erinnere mich, dass die antipixel genug, um auf aufgezeichnet verwenden BlogBabel und fügen Sie folgende Zeilen Code in Ihre Website:
[Html
Neueste Kommentare
Gabriel : Hallo, interessanter Artikel. Ich bräuchte etwas ähnliches, aber mit einigen Änderungen. In einem ...
Sebastian : Great Aktien - vielen Dank!
Betreff : sehr hilfreich! Ich versuchte es und es ist genau das, was ich brauchte. Jetzt frage ich mich wie bekomme ich ...
Vik : Mit strategischer Hilfe!
Pfeffer : Hallo zusammen, ich weiß nicht, ob Sie einer der Schöpfer des WP-Plugin Bannerize sind. Ich habe ein gesichtet ...