Artikel Tagged 'Ajax'


RESTTest: nützliche Erweiterung für Firefox

RESTTest Hier ist eine interessante Erweiterung für Firefox ( 2.0.0.9 Patch veröffentlicht heute ) von Kris Zyp. geschrieben RESTTest ermöglicht Senden und Empfangen zu überprüfen, um eine URL mit dem REST-Protokoll, die Wahl zwischen den kanonischen Methoden GET oder POST (ggf. angepasst) .
RESTTest verwendet das XMLHttpRequest-Objekt zu testen und dann auf Anwendungen, die Ajax verwenden zu testen. Wir können dann schnell und einfach simulieren XHR Anfragen und Antworten.
Diese Erweiterung ist speziell für die Arbeit mit REST-Ressourcen entwickelt und unterstützt alle HTTP-Methoden.
Im Bereich POST / PUT können alle Parameter, die wir senden unseren Test der Standard-Syntax eingeben:

variable1 = wert1 & variable2 = value2 &[...] variable n = n-Wert

Diese Erweiterung ist auch bei der Prüfung der RSS-Feeds von einer Website oder bei der Analyse von paramteri keine RPC-Dienst sein.

Fortsetzung ...

reCAPTCHA: Stop SPAM

Bild Manche Leute hassen sie, und wer kann nicht ohne sie! Der Sicherheitscode (c p FFENTLICHE ompletely zu utomated T ährend Test hnern c und h Umans in Teil sagen), oder Systeme von "menschlicher Kontrolle", so dass in den meisten Fällen eine Menge zu beseitigen SPAM Produkt im Netzwerk. reCAPTCHA ist ein kostenloser Service, mit dem Sie eine eigene Steuerung zu installieren Sicherheitscode auf Ihrer Website Nachdem Sie sich registriert haben, können Sie auf ihrer Web-Liste generiert zwei Schlüssel (einen öffentlichen und einen privaten: siehe RSA-Verschlüsselung ), um im Einsatz PHP , WordPress , und MediaWiki . .

Bild

Auf dem Gelände finden Sie auch eine E-Mail-Schutzdienst. In der Praxis ist ein Code veröffentlicht, um ihre Web verbinden, damit Sie nicht sehen, eine E-Mail-Adresse in der klaren, wie "die [...] miodominio.com". Ein Klick darauf zeigt eine Captcha zu lösen!

Siehe auch:

Fortsetzung ...

Aptana IDE Update: 9 Meilensteine

Es ist erhältlich, um das Update Aptana IDE , die Web-Entwicklungsumgebung, unterstützt Adobe AIR und Apple iPhone . Zu den Änderungen zählen die Verbesserung der Abschnitt mit dem Update der PHP-Code Assist-Funktionen auf beide Parameter. Auch verbesserte sich die "Farbe" des Codes. Zusätzliche Unterstützung für die neuesten Ajax-Frameworks wie prototype.js und jQuery . Auch eine verbesserte Verarbeitung von Javascript.

Bild

Für die vollständige Liste der neuen Features finden Sie hier .

Fortsetzung ...

Prototype 1.6.0 Release Candidate

Sie haben gerade die freigesetzte 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 die Methode observe das Objekt Event wurde verbessert und bietet nun den Kontext-Objekt, das die Veranstaltung ausgestellt. Das "richtige" Verhalten kann überschrieben werden, jedoch. Dies bedeutet, dass standardmäßig this auf das Objekt, das die Veranstaltung ausgestellt bezieht. Sie führten auch die Möglichkeit, eigene Veranstaltungen zu schaffen. Weitere Verbesserungen betreffen die Function.prototype, die Funktionen des DOM, Ajax, Funktionen, Klassen und mehr. Eine vollständige Liste ist im ChangeLog.

Herunterladen

Fortsetzung ...

Event-Management: Ähnlichkeiten zwischen Flash und Javascript

Eine der Stärken von Adobe Flash liegt in der Wahl von der ECMAScript (ECMA-Produkte - E urop C omputer A ssociation anufacturers M) als Standard-Skriptsprache ActionScript und JavaScript, in der Tat, beide stammen aus einem höheren Standard, als sie sehr ähnlich sind.. Dies ist einer der Gründe für die vielen ActionScript-Programmierer entwickeln sich sehr leicht in JavaScript und umgekehrt.

ActionScript hatte schon immer ein Management "double" von Ereignissen, die oft einige Entwickler verwechselt hat. In MovieClip, zum Beispiel können Sie ein Ereignis, indem Sie einfach Deklaration einer Funktion, um die Eigenschaften des Ereignisses, zum Beispiel fest:

Methode 1

1
2
3
( ) { mio_mc. onRelease = function () {
"Click sul MovieClip" ) ; trace ("Klicken Sie auf den MovieClip");
}

Andere Objekte hingegen erfordern einen anderen Umgang mit dem Fall, dass Sie überwachen möchten, benötigen die klassischen Hörer, ein Objekt für diese Aufgabe entwickelt. Zum Beispiel kann die Mouse-Objekt auf diese Weise gesteuert werden:

Methode 2

1
2
3
4
5
Object = new Obejct ( ) ; MouseListener var: Object = new Obejct ();
( ) { MouseListener. OnMouseMove = function () {
"Mouse in moto" ) ; trace ("Maus in Bewegung");
}
addListener ( mouseListener ) ; Maus . addListener (MouseListener);

Die Komponenten haben eine weitere Variante, wie der Loader-Komponente:

Methode 3

1
2
3
4
5
Object = new Object ( ) ; loaderListener var: Object = new Object ();
= function ( evt : Object ) { . loaderListener complete = function (evt: Object ) {
"Caricamento completato" ) ; trace ("Upload abgeschlossen");
};
( "complete" , loaderListener ) ; . myLoader_ldr addEventListener ("complete", loaderListener);

Warum diese Unterschiede? Der Grund ist in der Tat sehr einfach. 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 Seite. Methoden 2 und 3, jedoch schaffen die "Listen" von "Zuhörer" und sind äußerst nützlich und leistungsfähig, weil sie Ihnen nahezu unbegrenzte Anzahl von Funktionen, um ein bestimmtes Ereignis anhängen können.

Das gleiche passiert in JavaScript und können in Bibliotheken als gesehen werden Prototypen . Die komfortable beobachten ()-Methode, erhältlich von der Veranstaltung, können Sie eine Funktion, um ein Event-Objekt passen. Zum Beispiel:

1
window , 'load' , function ( ) { alert ( "Finestra caricata" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Fenster geladen ");});

In diesem Fall haben wir unsere Funktion, erscheint eine Warnmeldung, die load-Ereignis des Fensters Objekt angebracht. Wir konnten nur wiederholen, die Aussage und bringen zusätzliche Veranstaltung:

1
2
window , 'load' , function ( ) { alert ( "Finestra caricata - 1" ) ; } ) ; Ereignis beobachten (window, 'load', function () {alert ("Fenster geladen -. 1 ");});
window , 'load' , function ( ) { alert ( "Finestra caricata - 2" ) ; } ) ; Ereignis beobachten (window, 'load', function () {alert ("Fenster geladen -. 2 ");});

Diese Funktion, die auch häufig in ActionScript ist es vielseitig einsetzbar, vor allem in JavaScript ist der Schlüssel zur Schaffung von vielen "Widgets" und Erweiterungen (siehe den klassischen Snap ) jetzt wuchernden im Web Die Fähigkeit, entlang tag, in der Tat , für die Ereignisse, die bereits durch andere Funktionen gesteuert werden, können nicht-intrusive (Unauffällig) und dann in der Praxis, um Funktionen zu den bereits vorhandenen hinzuzufügen.

Fortsetzung ...

Entwickeln von Adobe AIR-Anwendungen mit Aptana IDE

Adobe veröffentlicht AIR (früher unter dem Codenamen Apollo), die für Adobe Integrated Runtime steht, und dann, "Nachfolger" von Apollo. Sie können die Beta-Version am 11. Juni veröffentlicht hier herunterladen: AIR-Downloads

Gleichzeitig ist es ausgestellt , um 0.2.8.15171 Aptana IDE bauen Entwicklungsumgebung für außergewöhnliche Entwickler HTML, PHP, Rails, Javascript, und jetzt mit Unterstützung für AIR.

Die Aptana IDE ist ein freies, Open Source, Cross-Plattform-, JavaScript-fokussierten Entwicklungsumgebung für die Erstellung von Ajax-Anwendungen. Es verfügt über Code auf JavaScript, HTML und CSS Sprachen, FTP / SFTP-Unterstützung und einen JavaScript-Debugger unterstützen, um Ihren Code zu beheben.

Ein starker Konkurrent von Adobe Dreamweaver, zumindest für die Programmierer, da es eine kostenlose Software integriert, unter anderem mit sich Eclipse- . Geheimnisvoll, dann hat Adobe eine Erweiterung für die Adobe AIR-Anwendungen Dreamweaver CS3 nur bauen freigegeben, so dass Anwender der Version 8! Aptana ist daher eine ausgezeichnete Alternative zu Dreamweaver CS3, für diejenigen, die die Entwicklungs-Paket für Adobe AIR erleben wollen!

Doch in Aptana das Fehlen einer WYSIWYG-Umgebung, ausgezeichnet in Dreamweaver, das Potential abnimmt, wie bereits erwähnt vor allem in den Code gerichtet. Dreamweaver, insbesondere mit der Veröffentlichung von CS3, dann bietet ein komplettes und perfekt mit Flash CS3, Photoshop CS3 und anderen Adobe Creative Suite Werkzeuge der neuen, Funktion völlig abwesend in IDEs wie Aptana.

Die Aptana IDE ist comuqnue, ist spektakulär, verständlich und alle wichtigen Funktionen für einen Programmierer, Projektmanagement, Vorschauen auf Browser installiert, automatisch speichern, Datei-Vergleich, Zeilennummern, konfigurierbare Editor, Zusammenbruch des "Tagging "Embedded XML, High-Level-Debugger, Unterstützung italienischer und vieles mehr.

Gute Dokumenten-Management ermöglicht dynamischen Zugriff auf die W3C-Spezifikation und JavaScript-Bibliotheken (am besten als Web 2.0 Dojo, JQuery, Mootools, Yahoo (YUI) und Scriptaculous, alle in einer einzigen Umgebung integriert bekannt trotz ordnungsgemäßer Dokumentation wird direkt aus dem Netz genommen!

Aptana ist verfügbar für Windows (XP und Vista), Macintosh, Linux und Eclipse Plugin für. Viele Funktionen sind verfügbar auf der Website, einschließlich eines Aptana.tv .

Kurz gesagt, für diejenigen, die bereits entwickelt haben oder diejenigen, die Entwicklung von Anwendungen in Adobe AIR (wollen hier finden Sie ein Video-Tutorial zu beginnen Entwicklung Adobe AIR-Anwendungen finden ), ist Aptana eine funktionelle und komfortable, gut integriertes Netz, und auch durch Plugins begleitet und Erweiterungen, die teilweise für bestimmte Browser wie FireFox für die Fehlersuche.

Letzter Hinweis: Einige Funktionen, wie zum Beispiel das Plugin für AIR, erfordern die Installation des Java Runtime !

Fortsetzung ...

Ajax Frameworks

Es ist eine interessante Forschungsergebnisse über die Höhe (nicht zu einigen der Qualität ganz zu schweigen) von Ajax-Tools, insbesondere Frameworks , die in den letzten Jahren entwickelt wurden, sowohl als reine Client-side JavaScript, um Server-Side-Schichten entwickelt, die ursprüngliche Seite, kontinuierlich aktualisiert wird, können Sie es hier auf Google Spreadsheet . Die Forschung geht von AjaxPatterns wo listete alle Frameworks untersucht wurden sind.
Wie der Autor feststellt ( 210 Ajax Frameworks and Counting )-Daten nicht präzise bis ins tausendste, dann werden wir jetzt als Hinweis zu sehen, jedoch bieten einige interessante Daten.

Reine JavaScript - Client-Seite

Blitz 3
Spezialisierte 3
Logging 5
Grafiken und Effekte 6
XML 6
Remoting 19
Multipurpose 37
Gesamt 79

In Bezug auf die reine Javascript ist interessant, die 19-Remoting, die einen starken Fokus auf die Ajax-Technik im engeren Sinne zeigt daher auf Bibliotheken, die konzentrierte Kontrolle haben verwenden beachten Sie XMLHttpRequest . Die Multipurpose natürlich sind die Favoriten, da sie die Aufnahme eines Pakets, das zu gewährleisten - in der Theorie - es ist ein bisschen 'alles vorbei.

Reine Javascript

Eiffel 0
Rubin , 4D , C # , Lisp , Tcl , Smalltalk 1
Perl , Lotus Notes 2
Coldfusion 4
Python 5
Multi-Language 11
C + + , DotNet (+ ASP) 19
PHP 38
Java 44
Gesamt 229

Auf dem Server selbst große Software-Firmen und Computer-Riesen haben in der Tat erging in letzter Zeit gewinnt es auf allen Java! Doch die Menschen in der Internet trifft sich mit PHP, Open-Source-excellence. Microsoft und sind damit ähnlich wie die Technologien hinter PHP. NET etc. ...

Ich habe mir die Mühe, die verschiedenen Kategorien verlinken, so dass Sie die Daten aggiornari sehen und Frameworks auch ein Kommentar zu den einzelnen aufgeführt. Ein Blick kann es interessant und lehrreich.

Fortsetzung ...

Nachdenken über Joost, Apollo und Browser

Warum wechseln Apollo zu HTML und dynamische Inhalte anzuzeigen, wenn ein Browser ermöglicht bereits das? Warum Joost Net TV zu sehen, ob ein Browser ermöglicht bereits das?

Warum hat der Hersteller zwei einfache Browser-Funktionen in ihnen:

  • Fensterlosen Fenster
  • P2P Object

Fensterlosen Fenster

Diese einfache Funktion würde die meisten der HTTP-Verbindung und machen es wirklich nützlich Browsern. Um offene Fenster (Pop-up in der Praxis) mit nur den Titel und keine Grenze, nur für den Fall in der Transparenz, erhöht die Produktion von Widgets, um mit dem normalen Browser genutzt werden, wie das, was er tut jetzt Apollo . Mit einer sorgfältigen Studie über die Sicherheit (wie ich glaube, es ist jetzt der einzige Grund für diese Grenze) eröffnen würde sehr interessante Szenarien.

P2P Object

Wie wir alle wissen inzwischen alle Browser unterstützen das Objekt XMLHttpRequest , die Anlass gegeben hat, um eine endlose Anzahl von sogenannten Ajax-Anwendungen. Dieses Objekt über JavaScript zugegriffen werden kann, ist in der Lage, einen HTTP-Kanal zu schaffen - parallel - scriptable Client für beide IINV und Empfangen von Daten.
Früher oder später, wie in verschiedenen anderen Blog zu erwarten, wird Adobe eine P2P in Flash einfügen. Warum nicht das Gleiche in den Browser? Ein Objekt dieses Typs zusammen mit Windowless Funktionen können Sie Anwendungen wie Joost, ohne etwas zu installieren auf Ihrem Rechner zu schaffen, wodurch Cross-Kompatibilität, würdig des Internet, wodurch die Effizienz der Produktion (jetzt Joost ist für jedes System entwickelt Ordnung ist, die ziemlich schwer - sowohl in Geld und Zeit - in der Tat, die Beta folgen ...).

RSS FEED kurzen Fenstern mit Text, Audio und Video aus dem Ort, wo wir wollen auf unseren Desktops, in wahre W3C-Standards. Öffnen Sie TCP-Kanäle werden direkt von JavaScript, mit unendlichen Möglichkeiten des Datenaustausches. Klar, das wird wenig und die "Verbrechen" ist hoch, Hackern, Spam und Phishing lauern und bewegt von dieser Art zu terrorisieren ein bisschen "alle ...

Fortsetzung ...

Javascript-Frameworks in Apollo

Unter den verschiedenen Bibliotheken - oder eine Reihe von Bibliotheken (real-Framework), die sich mit Ajax, HTML und Web-2.0-Schnittstelle Erweiterung, die ich gesehen habe, Ext ist definitiv erwähnenswert. Die Webseite und die Dokumentation sind gut gemacht und organisiert auch die Demo nicht entgehen lassen. Die grafische Benutzeroberfläche, Kompatibilität mit Prototype und Scriptaculous und Yahoo Utils impletazione von zumindest machen es zu einem interessanten System! Beachten Sie jedoch die Lizenz! Trotz präsentiert sich als Open Source und kostenlos für den persönlichen Gebrauch erfordert eine Gebühr für die Nutzung und Pflege zu verbessern. Letzteres ist in der Tat noch nie im Rahmen von einiger Komplexität unterschätzt werden.

Für die Dokumentation und Demo finden Sie hier .

Insbesondere habe ich dieses System zu nennen, bin ich immer noch die Analyse im Detail, wie es verwendet wurde, um zu schaffen Frische Feed Reader , einer der Beispiel-Applikationen mit der Veröffentlichung zur Verfügung gestellt von Adobe Apollo Alpha (siehe Adobe Apollo Alpha Release ). Frisch ist es daher, Beispiel für ein Doppelzimmer von Apollo, die ihre Fähigkeit demonstriert zu nutzen, HTML und JavaScript am meisten. Frische, in der Tat, ist nicht eine reine Apollo, sondern nutzt den Rahmen Ext - und dann müssen Sie JavaScript und HTML - Apollo in den Motor! Great!

Fortsetzung ...

Beispiele für unaufdringliche Javascript

Wie hier versprochen einige konkrete Beispiel unaufdringlich JavaScript, vielseitige und leistungsstarke Tool, wenn sie ordnungsgemäß verwendet. On Site / Blog Ryan Johnson können Sie zwei wirklich gutes Beispiel für dezente JavaScript:

Ryan Johnson, in seinem Skript verwendet die Bibliothek Prototype , wie viele der übrigen. Er hat auch einige Erweiterungen, um die relativ geschrieben Prototype , dann eingeführt - in einer anderen Form - in der neuesten Version der Bibliothek.
Mit Prototype für den Betrieb von dezent JavaScript-Code zeigen, ist in der Regel mehr Komfort - wie wir später sehen werden, aber hier ist ein grobes Beispiel, dass keine externen Bibliotheken benötigt. Wir beginnen mit dem Hinweis, dass das Konzept hinter dem Dezente JavaScript, um von einem beliebigen HTML-Seite (Standard und nicht unbedingt schriftlich von uns - noch wichtiger Pluspunkt) beginnen soll, und verwenden Sie Javascript, um einige Änderungen vornehmen.

Schematimamente das Konzept ist auf eine Funktion, die HTML, durchquert dann den DOM und in bestimmten Punkten hinzuzufügen oder zu ändern-Funktionalität analysiert durchzuführen. Normalerweise werden zwei Methoden genutzt, um Javascript-Code ausführen, um eine Seite zu laden: die erste ist, was du nicht packen den Code in einer Funktion, und lassen Sie den Browser ausführen Code sofort auf den Punkt, wo der Anruf erscheint hochgeladen:

1
script > < script > alert ("Hallo"); </ script >

Das gleiche Ergebnis wird durch die Einbeziehung der Code erhalten:

1
"http://miosito.com/miocodice.js" >< / script > < script src = "http://miosito.com/miocodice.js"> </ script >

Allerdings, wenn es muss auf dem DOM einer Seite zu betreiben, dass es ein voll beladen, dass alle TAG auf der Seite vorhanden und verfügbar zu verfolgen ist, voraussetzt. So ist die beste Lösung wird derjenige sicher sein, dass die Seite komplett ist. Dies ist durch die Gewinnung der body-Tag onload-Ereignis zum Beispiel, die freigesetzt werden, wenn das Laden der Seite abgeschlossen ist möglich.

1
2
3
miafunzione ; Fenster onload = myfunction.;
/ / Oder, was dasselbe ist
function ( ) { alert ( "Hello" ) ; } . window onload = function () {alert ("Hallo");}

Vermieden, natürlich, die kanonische Lösung, die eine Untertreibung zu nennen es aufdringlich wäre:

1
"miafunzione()" > < Körpers onload = "myfunction ()">

Eine andere Technik, gröber und ebenso aufdringlich (wie zwingen würde, den Endnutzer, den Code an einer bestimmten Stelle Platz), ist unser Skript am Ende des Dokuments setzen vor dem schließenden Body-Tag, mittlerweile veraltet Technik und verwendet in seltenen Fällen (siehe Google Analytics!).

Noch besser ist es, die Methode zu verwenden:

1
2
3
4
5
6
7
window. addEventListener ) { if (window. addEventListener) {
"load" , miafunzione , false ) ; Fenster zu sehen. addEventListener ("load", myfunction, false) ¾ Í
( window. attachEvent ) { } Else if (window. attachEvent) {
"onload" , miafunzione ) ; Fenster zu sehen. attachEvent ("onload", myfunction) ¾ Í
{ Else {}
createSubMenus; Fenster zu sehen. createSubMenusÍ onload = ¾
}

Auch dieses Stück Code wird in einer Funktion eingeschlossen sind. Es wird ein Ereignis-Listener für das Load-Ereignis des Fensters hinzuzufügen, ruft unsere Funktion miafunzione() . . Moderne Browser wie Firefox zum Beispiel, wird die Funktion addEventListener() in DOM Level 2-Spezifikation definiert, während Internet Explorer seine proprietäre Funktion nutzen wird attachEvent() . Allerdings sind wir nicht auf Perfektion in dieser Weise, in der Tat, ersetzen Sie alle - alle - ". Non-intrusive" onload Ereignisse durch andere Skripte erstellt, die nicht wirklich

Schnell zu lösen, um das Problem, dass aufgrund der unterschiedlichen Verhalten der Browser am wenigsten komplizierte wäre, hier zu erklären, ist es zweckmäßig, als libreirie verwenden Prototype bietet un'elengantissimo Methode, um das Problem zu überwinden:

1
window , 'load' , function ( ) { alert ( "Hello" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Hallo ");});

Die Syntax ist sehr auffällig und spektakulär! Der Vorteil für diejenigen, die nicht verstanden hatte, ist, dass Sie schreiben:

1
2
window , 'load' , function ( ) { alert ( "Hello 1" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Hallo 1 ");});
window , 'load' , function ( ) { alert ( "Hello 2" ) ; } ) ; Event. Beobachten (window, 'load', function () {alert ("Hallo 2 ");});

Beim Laden der Seite wird angezeigt, bevor die Warnung "Hallo 2" und dann alert "Hallo 1" sein. Grundsätzlich in einem FILO (First Last Input Output) einen Stapel zu laden, während gleichzeitig die Ausführung aller Veranstaltungen an der Last des Dokuments, genau das, was man wollte. Auf diese Weise eine Seite laden kann - praktisch - endlose unaufdringlich JavaScript, um das Dokument Lasthaken.

Aber was kann mit dieser Technik zu tun? Viele interessante Dinge. Ein Beispiel, das wir schreiben (siehe auch Vorbild: Die Verwendung des doppelten Dollarzeichen ($ $) ) stammt aus Tobie Langel . Mit ein paar Zeilen Code und Download-Bibliotheken Prototype und Scriptaculous kann man einen schönen Effekt auf die klassische Anker unserer Seiten geben. Erstellen Sie zunächst eine HTML-Seite mit dem folgenden Code:

1
2
3
4
5
6
7
8
= "#capitolo1" > Vai al capitolo 1 < / a >< / p > < p > < ein href = "# Kapitel 1"> Kapitel 1 Go </ eins > </ p >

< / p > < p > </ p >
< / p > < p > </ p >

.... < / p > .... eine Menge 'von < p > </ p > .... nur als Beispiel

"capitolo1" > Capitolo 1 < / h1 > < h1 id = "Chapter 1"> Kapitel 1 </ h1 >

Fügen Sie die Seite:

1
2
3
4
5
6
7
8
9
10
11
12
"prototype.js" type = "text/javascript" charset = "utf-8" >< / script > < script src = "prototype.js" type = "text / javascript" charset = "UTF-8"> </ script >
"scriptaculous-js-1.7.0/src/effects.js" type = "text/javascript" charset = "utf-8" >< / script > < script src = "scriptaculous-js-1.7.0/src/effects.js" type = "text / javascript" charset = "UTF-8"> </ script >

"text/javascript" language = "javascript1.2" > < script type = "text / javascript" language = "JavaScript1.2">
Event.observe (window, 'load', function () {
$ $ ('A [href ^=#]: nicht ([href =#])'). each (function (element) {
element.observe ('click', function (event) {new Effect.ScrollTo (this.hash.substr (1));
Event.stop (event);
bindAsEventListener (element))
})
})
</ script >

Dank "use Event.observe() -Funktion und Zwei-Dollar ($ $) Sie leicht ändern lässt sich das Verhalten des Klassikers zu verankern. In diesem Fall ist eine neue Funktion ist angespannt, um die HTML-Seite hochladen. Bei der Aufnahme der Last Veranstaltung ist alle Links in die DOM (Tag <A>) mit href, die mit der Raute (#, ohne die man mit nur einem Pfund!) Beginnt zurückzuführen. Um diese Elemente ist eine Funktion, die an das Click-Ereignis, ähnlich dem, was war mit der Last des Dokuments gemacht. An dieser Stelle ins Spiel kommt Scriptaculous Effekt, dass eine Schriftrolle, um das Element aus unserem punat Links produziert - geändert!

Fortsetzung ...