Articles taggés avec 'DOM'

La règle de la logique et en CSS

Une caractéristique des feuilles de style qui connaissent peu et l'utilisation est la capacité à définir la règle de la «concurrence» des classes! Une étiquette, en fait, peut posséder une ou plusieurs classes associées, ce qui rend ce dernier extrêmement polyvalent, ainsi que mon préféré. Combien de développeurs utilisent à faire, j'ai tendance à associer les ID quelques règles CSS, le cas échéant. Idéalement, logiquement, serait entrer l'ID uniquement à des fins de script, car il identifie de manière unique un élément dans le DOM.

Suite ...

snippets jQuery

Vérifier l'existence d'un élément dans le DOM

Il n'y aura jamais besoin de vérifier l'existence d'un élément du DOM. Avec jQuery pourrait être spontanément essayer:

Suite ...

Accessibilité et utilisabilité: Javascript discret

Permettre aux utilisateurs d'interagir avec une page Web ces dernières années a entraîné une augmentation significative de l'utilisation de scripts côté client: le code JavaScript peut réagir en temps réel et de manipuler une grande variété d'informations. Le Web2.0 est l'expression ultime de cette capacité d'interaction, dans laquelle l'utilisateur final - l'utilisateur participe activement à la construction et à «l'évolution du site Web, en interagissant avec lui et vous aider. Est appelée User Generated Content (UGC ou - user-generated content) qui voit le "navigateur" certainement pas passif!

Pour parvenir à cette interaction, permettant ainsi à l'utilisateur final d'ajouter sa contribution, nous avons développé une série de techniques qui ont changé l'apparence et le comportement de pages Web (statiques jusqu'ici, mais maintenant semblables à des applications traditionnelles de Desktop) au cours des dernières années. Changer le contenu d'une page, envoyer des fichiers, donnant leur vote à une vidéo ou un document, enregistrer ou modifier leurs données personnelles, sont quelques-unes des opérations les plus riches dans de nombreux services (2.0 beta) sur le Web

Suite ...

Adobe Apollo Alpha Release

Adobe a finalement publié la version alpha d'Apollo . Nous sommes encore loin de la version finale, mais vous pouvez consulter certaines de ses caractéristiques avec la démo des applications (. air) des propositions en ligne. L'installation ( Apollo runtime ) de cette Alpha pèse environ 6Mb - pour Windows. La démo (exemples d'applications Apollo) ne pèsent pas encore 600Kb. Après avoir installé le runtime Apollo semblent rien n'a changé sur votre PC (pas encore ajouté de liens sur le bureau ou la barre des tâches), même si vous avez installé - en fait - le nouveau navigateur de Adobe! Voir Web2.0: Adobe tente d'Apollon?

Suite ...

Où JavaScript gagne

Choisissez la technologie qui sera utilisée dans le développement d'une application Web est d'une importance vitale, pour ne pas se trouver en difficulté peu après. Le type d'application Web, ses caractéristiques opérationnelles, sont le premier point à prendre en compte pour choisir le cadre et les technologies connexes.
J'ai souvent discuté de l'efficacité des scripts JavaScript contre les différentes technologies comme Adobe Flash ou Java. Cependant, il est intéressant de souligner un aspect important souvent négligé:. Accès au DOM JavaScript, dans ce cas, le candidat (s'il n'est pas le seul) un favori pour ce type d'opération.

Outils avec snap , par exemple, travailler sur un mécanisme simple: lorsque la page HTML est chargée (et après l'introduction du chargement des scripts JavaScript) est de scanner la page et ajouté un nouveau code HTML en des points particuliers. Dans le cas spécifique du snap identifie tous les liens vers des pages externes (ou configuration interne de la dernière édition), le <A> TAG pour l'indentation. Ce sont modifiées de sorte que sur la souris pour ouvrir une boîte de dialogue anterpima de liens (voir ce blog très pour un exemple).

Non seulement pression , mais beaucoup d'autres scripts JavaScript essentiellement faire la même chose. Dernièrement, cette technique est largement utilisée en raison de la bibliothèque Prototype , qui fournit une variété de méthodes (telles que le fameux double-dollar, ou $ $ $ - voir Prototype: L'utilisation du signe double dollar ($) ) est de suivre que le changement - à la volée - les éléments d'une page HTML.

Naviguer dans le DOM HTML est donc la tâche spécifique de Javascript. Historiquement, entre autres choses, Javascript a été introduit juste pour lire et écrire le contenu d'une page HTML.
Par exemple, si nous voulions faire quelques modifications à une page HTML en utilisant Adobe Flash, nous aggorgeremmo - tôt ou tard - d'être forcé d'appeler une fonction JavaScript. La nouvelle ActionScript 3.0, par exemple, offre une classe ( ExternalInterface ) conviennent à cette fin. – o fscommad() per chiamare una funzione Javascript: Une fois (dans les versions précédentes d'ActionScript), nous avons utilisé la commande getURL() - désormais remplacé par une meilleure flash.net.navigateToURL() - ou fscommad() pour appeler une fonction JavaScript:

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

En outre:

La classe ExternalInterface est l'API External, une interface de programmation d'application qui permet la communication directe entre ActionScript et le conteneur Flash Player, par exemple, une page HTML avec JavaScript, ou une application de bureau avec Flash Player embarqué.

Notez que "l'application de bureau» qui rappelle si Apollon!

Aujourd'hui, grâce à ExternalInterface , vous pouvez appeler une fonction JavaScript pour moins propre (cette classe permet une gestion beaucoup plus efficace que getURL() , comme le passage de paramètres):

1
2
3
4
5
6
/ * Appelle la fonction externe "addNumbers"
passant deux paramètres, et Affectation résultat de cette fonction
à la variable "résultat" * /
uint = 3 ; var param1: uint = 3;
uint = 7 ; var param2: uint = 7;
uint = ExternalInterface . call ( "addNumbers" , param1 , param2 ) ; var result: uint = ExternalInterface appel ("addNumbers", param1, param2);.
1
2
3
4
5
6
<script> <! -
/ / Ajoute deux nombres, et envoie le résultat à ActionScript
num1 , num2 ) { addNumbers fonction (num1, num2) {
num1 + num2 ) ; retour (num1 + num2);
}
/ / Script --></>

Que peut-on conclure alors? De tous les divers cadres et des bibliothèques disponibles de l'analyse initiale du projet que vous voulez atteindre est d'une importance primordiale. A défaut ce stade peut sérieusement affecter les étapes ultérieures de tout Web2.0 projet. JavaScript, puis, quand vous avez à gagner tous interagir avec le DOM.

Suite ...