Artikel Tagged 'DOM'

Die logische Regel in CSS

Eine Besonderheit der Style-Sheets, die nur wenige kennen und nutzen die Möglichkeit, die Herrschaft der "Konkurrenz" von Klassen zu definieren ist! Ein Tag in der Tat ist möglicherweise im Besitz einer oder mehreren zugeordneten Klassen, die dieser extrem vielseitig macht, wie auch mein Favorit. Wie viele Entwickler nutzen, um zu tun, neige ich dazu zu befestigen ID ein paar CSS-Regeln, wenn überhaupt. Idealerweise logisch, würde geben Sie die ID nur für Scripting Zwecke, weil sie eindeutig identifiziert ein Element innerhalb des DOM.

Mehr ...

jQuery-Schnipsel

Überprüfen Sie das Vorhandensein eines Elements in der DOM-

Es würde passieren, es muss über die Existenz eines Elementes des DOM zu etablieren. Mit jQuery könnte spontan versuchen:

Mehr ...

Accessibility und Usability: unaufdringliche Javascript

JavaScript-Code kann in Echtzeit reagieren und zu manipulieren eine Vielzahl von Informationen: Zulassen, dass Benutzer mit einem Web-Seite in den letzten Jahren zu interagieren hat einen signifikanten Anstieg in der Verwendung von Client-seitiges Scripting produziert. Das Web2.0 ist der ultimative Ausdruck dieser Fähigkeit zur Interaktion, in dem der Endbenutzer - die benutzerfreundliche, sich aktiv an den Bau und die "Evolution der Website, mit dieser zu interagieren und sich selbst helfen. , Die der "Navigator" wird definitiv nicht passiv sieht - ist als User-Generated Content (User Generated Content oder UGC) bezeichnet!

Um diese Interaktion zu erreichen, so dass der Endverbraucher seinen Beitrag hinzuzufügen, entwickelten wir eine Reihe von Techniken, die das Aussehen und das Verhalten von Webseiten (statisch, bis jetzt, aber jetzt ähnlich wie bei den traditionellen Anwendungen verändert haben Desktop) in den letzten Jahren. Ändern Sie den Inhalt einer Seite, Dateien versenden, geben ihre Stimme zu einem Video oder einem Dokument, registrieren oder ihre persönlichen Daten ändern, sind nur einige der Anpassungen Operationen in vielen Dienstleistungen (2.0 beta) im Web

Mehr ...

Adobe Apollo Alpha Release

Adobe hat endlich die Freigabe Alpha-Version von Apollo . Wir sind noch weit von der finalen Version, aber Sie können, um einige seiner Funktionalität durch Demo -Anwendungen (. Luft) Vorschläge online. Die Installation ( Apollo Runtime ) dieses Alpha wiegt etwa 6 MB - für Windows. Die Demo (Apollo Probe-Anwendungen) kommen nicht, um sogar 600 Kb wiegen. Nach der Installation der Runtime Apollo wird offenbar nichts auf Ihrem PC verändert (nicht addiert alle Links auf dem Desktop oder in der Taskleiste), auch wenn Sie installiert haben - in der Tat - der neue Browser von Adobe! Siehe Web2.0: Adobe wird zu Apollo versucht?

Mehr ...

Wo JavaScript gewinnt

Wählen Sie die Technologie, um bei der Entwicklung einer Web-Anwendung zu verwenden ist von entscheidender Bedeutung, sich nicht selbst in Schwierigkeiten zu finden bald nach. Die Art der Web-Anwendung, den funktionsspezifischen Besonderheiten sind der erste Punkt zu berücksichtigen, die Rahmenbedingungen und damit verbundenen Technologien zu wählen.
Ich habe oft die Wirksamkeit von JavaScript-Skript gegen verschiedene Technologien wie Adobe Flash oder Java diskutiert. Allerdings ist es wichtig, einen wichtigen Aspekt oft übersehen betonen: Zugriff auf das DOM Javascript, in diesem Fall, der Kandidat (wenn nicht die einzige) ein Favorit für diese Art von Operation..

Werkzeuge mit SNAP , zum Beispiel auf einem einfachen Mechanismus funktionieren: wenn der HTML-Seite geladen wird (und nach der Einführung der Beladung von JavaScript-Skripte) ist es, die Seite zu scannen und fügte einen neuen HTML-Code an besonderen Stellen. Im Falle von SNAP identifiziert alle Links zu externen Seiten (oder in der internen Konfiguration der letzten Ausgabe), der TAG <A> für indenderci. Diese sind so, dass der Maus, um einen Dialog anterpima von Links (siehe diese sehr Blog für ein Beispiel) zu öffnen modifiziert.

Nicht nur Snap sondern auch viele andere JavaScript-Skripten im Grunde das gleiche tun. In letzter Zeit ist diese Technik weit von der Bibliothek verwendete Prototyp , der eine Vielzahl von Methoden (wie die berühmte Doppel-Dollar oder $ $ $ - siehe liefert Vorbild: die Verwendung der doppelten Dollarzeichen ($ $) ) ist auf die Spur dass der Wandel - die Fliege - die Elemente einer HTML-Seite.

Navigation durch das HTML-DOM ist daher spezifische Aufgabe von Javascript. Historisch wurde unter anderem JavaScript eingeführt, um lesen und schreiben den Inhalt einer HTML-Seite.
Zum Beispiel, wenn wir einige Änderungen an einer HTML-Seite mit Adobe Flash machen wollte, aggorgeremmo wir - früher oder später - zu gezwungen, eine JavaScript-Funktion aufgerufen werden. Der neue ActionScript 3.0, bietet beispielsweise eine Klasse ( ExternalInterface ) für diesen Zweck geeignet. – o fscommad() per chiamare una funzione Javascript: Einmal (in früheren Versionen von ActionScript) verwendeten wir den Befehl getURL() - jetzt durch eine bessere ersetzt flash.net.navigateToURL() - oder fscommad() , um eine JavaScript-Funktion aufrufen:

1
) ; getURL ("javascript: myFunction ()");

Darüber hinaus:

Die ExternalInterface-Klasse ist die External-API eine Programmierschnittstelle die eine unmittelbare Kommunikation zwischen ActionScript und dem Flash Player-Container, zum Beispiel eine HTML-Seite mit JavaScript, oder eine Desktop-Anwendung mit dem Flash Player eingebettet.

Beachten Sie, dass "Desktop-Anwendung", dass so viel erinnert Apollo!

Heute, dank ExternalInterface , können Sie eine JavaScript-Funktion auf mindestens Reiniger (Diese Klasse ermöglicht die Verwaltung viel effektiver als aufrufen getURL() , wie zum Beispiel die Übergabe von Parametern):

1
2
3
4
5
6
/ * Ruft die externe Funktion "addNumbers"
zwei Parameter übergeben, und Zuweisen von dieser Funktion das Ergebnis
auf die Variable "Ergebnis" * /
uint = 3 ; var param1: uint = 3;
uint = 7 ; var param2: uint = 7;
uint = ExternalInterface . call ( "addNumbers" , param1 , param2 ) ; var result: uint = ExternalInterface -Aufruf ("addNumbers", param1, param2);.
1
2
3
4
5
6
<script> <! -
/ / Addiert zwei Zahlen, und sendet das Ergebnis zurück in ActionScript
num1 , num2 ) { addNumbers Funktion (num1, num2) {
num1 + num2 ) ; return (num1 + num2);
}
/ / -> </ Script>

Was können wir daraus schließen? Unter den verschiedenen Frameworks und Bibliotheken zur Verfügung der ersten Analyse des Projekts Sie erreichen wollen ist von größter Bedeutung. Fehler in dieser Phase können gravierende Auswirkungen auf die nachfolgenden Phasen eines Projekts Web2.0. JavaScript, dann, dass alle Trümpfe, wenn es braucht, um mit dem DOM zu interagieren.

Mehr ...


Stop SOPA