Unobtrusive JavaScript. Unobtrusive JavaScript is a general approach to the use of JavaScript in web pages.
Though the term is not formally defined, its basic principles are generally understood to include: A new paradigm[edit] JavaScript historically has had a reputation for being a clumsy, hackish language unsuitable for serious application development.[3][4] This has been largely due to inconsistent implementations of the language itself and the Document Object Model[5] in various browsers, and the widespread use of buggy copy-and-paste code.
Runtime errors were so common (and so difficult to debug) that few programmers even tried to fix them, as long as the script behaved more or less the way it was supposed to;[6] scripts often failed completely in some browsers. Other authors have tried to refine and define the essential elements of the unobtrusive paradigm. The Web Standards Project describes four benefits of unobtrusive DOM scripting in their JavaScript Manifesto. Separation of behavior from markup[edit] Comprendre la balise script. Comprendre document.write() en JavaScript - Blog de la rubrique Web. S’il est bien une méthode méconnue en JavaScript, c’est la méthode write() de l’objet document.
La syntaxe est pourtant simple :document.write(arg1, arg2, ..., argn); Les arguments attendus sont des chaînes de caractères (ou tout du moins des arguments possédant une méthode toString()) Vous noterez au passage que le nombre de paramètres que l’on peut passer à cette méthode est indéterminé. L’instruction précédente aura pour effet d’ajouter la valeur de chaque paramètre dans la page.
Le "core" JavaScript s'enrichit de nouvelles méthodes. - Blog de la rubrique Web. Codes - Menu contextuel. Ce code va vous permettre de changer le classique menu contextuel que vous obtenez lorsque vous faites un clic droit sur une page internet en un menu adaptable.
Faites un clic droit sur cette page pour voir le menu contextuel mis en place. Le principe est de surdéfinir la fonction appelée par défaut lorsque vous effectuez un clic droit en définissant une fonction javascript spécifique que vous pourrez implémenter : document.oncontextmenu = MaFonctionJS; Le code à appliquer est le suivant : Code à placer dans la partie head - Définition des styles (dans la partie head ou dans un .css) :
Codes - Temps de chargement de la page. « Partie précédente | Index | Partie suivante » L'évènement onload est déclenché au moment ou l'élément auquel il fait référence est chargé.
Il peut s'appliquer aux balises suivantes : <body>, <img>, <input> de type image, <link>, <script>, <style> ainsi qu'aux balises <iframe>, <frameset>, <frame>. Cependant le cas le plus courant d'utilisation de cet évènement est son l'application sur la balise <body> du document html. Il se déclenchera alors une fois que tous les éléments de la page auront été chargés. L'évènement "onunload" se déclenche lorsque l'utilisateur quitte la page courante, ce qui permet de réaliser une gestion spécifique à ce moment. Codes - HTMLArea, Zone de texte élaborée - RichTextBox. L'élément HTMLArea a été développé par InteractiveTools.
Il permet de remplacer les TEXTAREA de vos formulaires par des zones de texte plus élaborées en faisant appel à des sources javascript ne nécessitant aucune installation de composant. Vous pouvez obtenir le package dans la section DOWNLOAD (Elément HTML Area - 45 Ko) Créer une table HTML éditable - HtmlEditTable v1.0. Utiliser InnerHTML pour changer contenu balise. Détecter le navigateur en JavaScript ? La bonne méthode. Détecter le navigateur en Javascript ?
La bonne méthodeDerrière ce titre un peu présompteux se cache une astuce très simple, mais étonnamment peu utilisée, pour exécuter le bon code quel que soit le navigateur. Tout développeur Javascript s'est trouvé confronté aux problèmes de compatibilité de son code avec les implémentations du langage dans les différents navigateurs. Le problème se posait plus particulièrement quand on considérait les importantes divergences entre Netscape et Internet Explorer. Aujourd'hui, un grand nombre de ces divergences persistent malheureusement, et le marché des navigateurs s'est de plus considérablement enrichi de produits performants, comme Konqueror (sous Linux), Opéra, Mozilla ou encore Amaya, Galeon (sous Linux), etc. Produire du code compatible impose donc, de plus en plus, d'adapter le script concerné en fonction du navigateur, quand la fonction que l'on désire mettre en place se programme différemment de l'un à l'autre.
Flash, HTML5, Silverlight... : le guide RIA pour mieux choisir (4/5) - JavaScript. 01net le 29/11/10 à 08h11 Avec l’émergence d’HTML5, le succès de l’iPhone et de ses applications natives, les discours s’entrechoquent : HTML5 va remplacer Flash et Silverlight, Flash n’est pas mort, etc.
Pour une marque qui veut lancer une opération marketing sur le web, un DSI qui veut déployer une application web ou mobile, la question est aujourd’hui de savoir quelle technologie adopter. Dans cette série d’articles, nous passerons en revue les technologies les plus populaires : Flash, Silverlight, HTML5, mais également Ajax, GWT, les applications natives pour les mobiles… Pour chacune d’entre elles, nous essaierons de dégager les avantages et les inconvénients, d’évaluer la maturité de la plate-forme, des outils, de la communauté active, la pérennité, et au final les usages possibles et recommandés.