PUBLIC MARKS from -Nicolas- with tags dom & javascript

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de 21 scripts pour faire face à toutes les situations (ou presque)

What if you could say goodbye to alert and not-so-useful logger scripts and have a real debugging API to debug Javascript. While it hasn’t made it to the public yet, the next version of Joe Hewitt’s Firebug will finally give us an easy to use, full-featured debugging environment for Javascript. Fortunately, I’ve had the pleasure of being able to test the new version of Firebug and this post will outline some of what you can expect.

This article demonstrates how to render XML in the browser with a minimum of CSS and JavaScript. The examples that follow were written for and tested with Mozilla 1.0 for Mac OS X and Windows 2000. This article is not a comprehensive tutorial on DOM, CSS, or XML, and a basic understanding of each of these technologies is required.

Javascript, SVG et DOM. Mettre un script dans un fichier SVG

In an earlier article I presented DOM as a useful way to construct documents on the fly in Javascript. DOM is well known for this purpose, but it’s also well known for being extremely irritating and verbose to use in Javascript. Some programmers may be tempted to use quoted HTML combined with the innerHTML property, which may (for them) be somewhat easier to crank out than DOM code. But this is hardly a way to go forward, and creates all sorts of problems when using AJAX, JSON, or when working in an environment involving a lot of strict XML usage. Casting all of that aside, this article will demonstrate the use of the graft() function to simplify the construction of DOM structures using Javascript’s own simple object notation.

So you’ve built a beautiful, standards-compliant site utilizing the latest and greatest CSS techniques. You’ve mastered control of styling every element, but in the back of your mind, a little voice is nagging you about how ugly your selects are. Well, today we’re going to explore a way to silence that little voice and truly complete our designs. With a little DOM scripting and some creative CSS, you too can make your selects beautiful… and you won’t have to sacrifice accessibility, usability or graceful degradation. By Aaron Gustafson

Le Modèle Objet du Document ou Document Object Model en abbréviation DOM en anglais est la boite à outil par excellence pour tout programmeur qui veut utiliser la force et la puissance du XHTML et du CSS. Il permet une modélisation cohérente et intuitive d'un document XML et fournit une interface pour l'accès, et la manipulation de cette page. Le DOM vous permet d'accéder et de mettre à jour le contenu mais également la structure d'un document.

Tableau comparitif de l'implémentation des technologies Internet dans les 3 principaux navigateurs (IE, Firefox et Opera).

Il ne s'agit pas d'une bibliothèque d'effets "clé-en-main", mais plutôt de l'exposé des principes permettant la production d'effets les plus portables et adaptables possibles.