Ajax (informatique) - Wikipdia Un article de Wikipédia, l'encyclopédie libre. Pour les articles homonymes, voir Ajax. L'architecture informatique Ajax (acronyme d'Asynchronous JavaScript and XML) permet de construire des applications Web et des sites web dynamiques interactifs sur le poste client en se servant de différentes technologies ajoutées aux navigateurs web entre 1995 et 2005. Ajax combine JavaScript, les CSS, XML, le DOM et le XMLHttpRequest afin d'améliorer maniabilité et confort d'utilisation des Applications Internet Riches (abr. RIA)[1],[2] : DOM et JavaScript permettent de modifier l'information présentée dans le navigateur en respectant sa structure ;L'objet XMLHttpRequest sert au dialogue asynchrone avec le serveur Web ;XML structure les informations transmises entre serveur Web et navigateur. Outre le XML, les échanges de données entre client et serveur peuvent utiliser d'autres formats, tels que JSON. Dialogue entre serveur et navigateur L'interface de programmation Document Object Model (abr.
Base64 Online - base64 decode and encode This online sample demonstrates functionality of a base64 property, ByteArray class and Huge asp file upload. You can convert texts using several code pages (using CharSet property) from Unicode string to byte array and then convert the binary data to a Base64 string. The sample uses a special Base64 algorithm written for the ByteArray class. Another online samples (utilities, converting, upload) On-line base64 decoder and encoder - let's you convert text data and files from/to a Base64 string. Utilisez la console JavaScript des navigateurs Concevoir un site dynamique implique de faire appel à JavaScript, langage de plus en plus populaire et puissant. Afin de donner les bons outils aux développeurs web, les navigateurs se sont peu à peu équipés de consoles de développement permettant d'entrer des instructions à la volée, avec bien souvent de l'auto-complétion, de consulter les données en mémoire ou d'explorer les fonctions et variables disponibles. Des commandes plus avancées visent à définir des points d'arrêt et d'inspecter la pile des appels. La console est un outil indispensable lorsque l'on souhaite écrire quelques lignes de JavaScript, ou bien concevoir des scripts plus évolués notamment avec des frameworks tels que jQuery. Accès La console se retrouve bien souvent dans un menu orienté pour les développeurs, à l'aide d'une touche de raccourci, ou dans des extensions spécifiques telles que Firebug pour Firefox. Aperçus Internet Explorer Google Chrome Mozilla Firefox Opera Astuces Fonctions utiles Journal console.log(fruits);
twitter/innovators-patent-agreement GitHub Constraint Validation: Native Client Side Validation for Web Forms Introduction Validating forms has notoriously been a painful development experience. Implementing client side validation in a user friendly, developer friendly, and accessible way is hard. Before HTML5 there was no means of implementing validation natively; therefore, developers have resorted to a variety of JavaScript based solutions. To help ease the burden on developers, HTML5 introduced a concept known as constraint validation - a native means of implementing client side validation on web forms. Yet, despite being available in the latest version of all major browsers, constraint validation is a topic largely relegated to presentations and demos. In this tutorial I will: Present a comprehensive overview of what constraint validation is. What is Constraint Validation? The core of constraint validation is an algorithm browsers run when a form is submitted to determine its validity. As an example take this form with an empty required text input: Try It willValidate validity validationMessage
Comment bien coder en Javascript ? Cet article vous montre, au travers de bonnes pratiques, comment obtenir un code Javascript non intrusif, évolutif, accessible, facilitant la maintenance et minimisant les risques d'interaction. Ce document regroupe diverses notions de base et d'autres plus avancées telles que les tests de fonctions, les variables globales, la séparation de la structure, de la présentation, du comportement voire des données, le modèle objet, les littéraux, une introduction à JSON ou encore la gestion des événements. Une bonne page web doit être consultable et entièrement fonctionnelle sans Javascript. Ce langage est optionnel du fait que tout le monde n'en dispose pas. Aussi, Javascript est principalement utile lorsqu'il s'agit d'améliorer et d'étendre le comportement de vos pages. Cela veut donc dire que vous ne disposez pas forcément de toutes les fonctionnalités de votre page si ce langage est indisponible. Mauvais code pour un lien d'impression : Imprimer Bon code pour un lien d'impression :
DOM4 W3C Last Call Working Draft This version: Latest published version: Latest editor's draft: Bug tracker: file a bug (open bugs) Previous version: Editors: Anne van Kesteren, Mozilla (Upstream WHATWG version) Aryeh Gregor, Mozilla (Upstream WHATWG version) Ms2ger, Mozilla (Upstream WHATWG version) Alex Russell, Google Robin Berjon, W3C Copyright © 2014 W3C® (MIT, ERCIM, Keio, Beihang), Some Rights Reserved: this document is dual-licensed, CC-BY and W3C Document License. Abstract DOM defines a platform-neutral model for events and document nodes. Status of This Document This section describes the status of this document at the time of its publication. This document is published as a snapshot of the DOM Living Standard. This document was published by the HTML Working Group as a Last Call Working Draft. Table of Contents Goals This specification standardizes the DOM. The term An
Menu de navigation avec amélioration progressive L'ouvrage "Adaptive Web Design" d'Aaron Gustafson, dont nous avons fait le retour de lecture récemment est un excellent condensé du principe de développement par "Amélioration Progressive" (progressive enhancement) dans le Web. Nous allons tenter de comprendre cette approche et en quoi elle est primordiale à travers un cas concret : la conception d'un menu de navigation responsive. Amélioration progressive ? L'amélioration progressive, ou "web design adaptatif", n'est pas une question de compatibilité. Il n'est pas question de savoir "dois-je supporter IE6 ou non ?", cela va au-delà de ces basses considérations :) L'enjeu est plutôt de comprendre : Plus schématiquement, et selon Aaron Gustafson, l'amélioration progressive c'est passer d'une expérience minimale vers l'expérience exceptionnelle : Note : l'amélioration progressive possède son alter ego, la dégradation gracieuse. Le contenu et l'information, l'essence du Web Exemple concret : une navigation responsive en JavaScript Allez hop !
Tilt Developer-oriented features and experiments 10.31.11 - 08:33am Tilt is a Firefox addon that lets you visualize any web page in 3D. A new update is available, coming with more developer-oriented features. Since the first alpha version of Tilt was announced (a Firefox extension focused on creating a 3D visualization of a webpage), a lot of work has been done to add a great number of developer-oriented features. Solve nesting problems Tilt is useful when searching problems in the HTML structure (like finding unclosed DIV elements for example) by providing the extra third dimension, layering each node based on nesting in the DOM tree. Clicking anywhere on the visualization highlights a color-coded rectangle surrounding the corresponding node. Minidom map The “minidom” is a tree view representation showing a minimalistic snapshot of the document object model. Realtime editing To enable realtime updates for the 3D webpage, go to the Options menu and check “Refresh visualization”. Export Future
Galerie photo avec JavaScript Ce tutoriel pour débutants propose la création d’une galerie d’images simple avec HTML, CSS et une surcouche JavaScript. Préambule: en complément ou en remplacement de ce tutoriel créé en 2005, nous vous proposons de consulter un tutoriel plus récent : Une galerie d’images simple avec jQuery. Ce dernier est destiné aux personnes ayant déjà des bases en JavaScript et si possible avec jQuery. Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. Voir la démonstration Il peut être très avantageux d'utiliser le JavaScript pour certaines choses comme notamment des galeries photos (ou autre), en effet vous ne rechargez pas la page au clic sur la miniature, la photo en taille réelle est directement affichée sans recharger quoi que ce soit. Les codes HTML et CSS La fonction JavaScript gérant la galerie Il faut maintenant créer ce fichier script.js.
Le blog politique et technique de Christophe Casalegno