background preloader

Tutorial XMLHTTPRequest

Tutorial XMLHTTPRequest
Robloche nous propose ici un tutorial passionnant sur l'utilisation des requêtes serveur en JavaScript. Ce tutorial a été remis à jour en aout 2017 pour tenir compte des évolutions des navigateurs. L'objet XMLHTTPRequest permet de réaliser des appels au serveur depuis la page HTML. Il s'agit d'appels AJAX (Asynchronous JAvascript XML). Aujourd'hui, tous les navigateurs acceptent ce mode de fonctionnement, sans incompatiblité particulière. AJAX a permis l'émergence de véritables applications web et a grandement participé à l'essor du javascript, qui est même devenu un langage serveur avec Node.js ! Présentation Comme leur nom ne l'indique pas, les objets XMLHTTPRequest permettent de récupérer toutes sortes de données, et pas seulement des fichiers XML. > Masquer le code JavaScript var xhr_object = new XMLHttpRequest(); xhr_object.open("GET", location.href, false); xhr_object.send(null); if (xhr_object.readyState == 4) alert("Requête effectuée !") Comment ça marche ? [haut de la page] Méthodes

Cookies Avec JavaScript, il est possible de programmer les célèbres cookies. Nous allons voir ici à quoi servent les cookies et comment stocker et récupérer des informations grâce à eux. En bas de cette page, vous trouverez des exemples de programmation de cookies. 1 - A quoi servent les cookies ? Les cookies sont très utilisés, par tous les sites commerciaux et par de plus en plus de sites perso. La raison est simple. Le nombre de visites, la date de la dernière visite,... 2 - Comment STOCKER des informations ? Le type d'informations à stocker n'a aucune influence sur le code. La valeur à stocker est associée à un nom de cookie. Donc pour stocker la valeur Arthur dans la variable prenom il suffit d'appeler la fonction comme ceci : 3 - Comment RECUPERER les informations ? Voyons un cookie qui contiendrait les informations suivantes : Si la variable demandée n'est pas contenue dans le cookie, elle est considérée comme valant null. le_prenom=GetCookie("prenom"); Maintenant, vous savez tout.

Tutoriels XHTML, CSS, Accessibilité, JavaScript Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet) Accessibilité Accessibilité des sites internet, bonnes pratiques, ergonomie, utilisabilité Javascript Langage de script pour le web dynamique exécuté par le navigateur Développement Langages et technologies du web tels que PHP, MySQL, Ajax Responsive web design Tout pour smartphones et tablettes Design Design et graphisme pour le web Vue & Nuxt Vue.js et Nuxt Formats, encodage, XML Formats variés, XML et microformats, sémantique Web Le monde du web et d'internet en général Dans les cas les plus extrêmes, on se retrouve à chercher une aiguille dans une meute de foin.

HTML5 Web Workers Développement Web : 'Zone Grand Débutant' IV-A. Introduction▲ Les trois notions fondamentales : Le fichier est au format JavaScript ; Le document (ou programme) est à destination de l'internaute ; L'outil est un navigateur Web. Le code JavaScript est interprété par le navigateur Web (s'il n'est pas trop préhistorique et si sa configuration ne l'a pas désactivé). Je viens déjà de vous présenter un inconvénient de JS : il peut être désactivé. Incruster du code JS dans une page Web permet à la page de réagir aux actions de l'internaute, par exemple "la souris survole tel bouton" ou encore "le formulaire vient d'être envoyé". ActionScript 3, la dernière version du langage de script pour Flash, utilise une syntaxe quasiment identique à celle de JavaScript. IV-B. Pour développer en JavaScript, il est recommandé d'avoir un éditeur de code plus puissant que ceux recommandés au début de cet article (avoir la documentation du langage à portée de main commence à devenir une condition importante). IV-C. Sélectionnez IV-D. IV-D-1. IV-D-2.

Visual jQuery 1.2.6 Un premier projet - Créez des applications pour Windows 8 en HTML et JavaScript Nous avons notre IDE de prêt, il est lancé, notre compte de développeur nous permet de créer et tester une application sur notre machine. Alors allons-y, démarrons notre premier projet ! Nouveau projet Une fois Visual Studio lancé, il présente une page de démarrage classique avec quelques liens d'aide et des ressources d'apprentissage (voir figure suivante). Comme vous avez ce cours entre les mains, vous ne devriez pas en avoir besoin tout de suite. Pour créer notre projet, cliquez sur Nouveau projet… dans la colonne de gauche, sous Démarrer. Nous allons choisir dans la colonne de gauche la catégorie des Modèles, puis le langage qui nous concerne : JavaScript. Cliquez sur OK pour lancer la création de ce nouveau projet. L'interface de Visual Studio 2012 L'explorateur de solutions Dans la partie droite de votre interface se trouve l'Explorateur de solutions, représenté à la figure suivante. L'éditeur de code Les propriétés Un peu de code Maintenant, exécutons notre code. L'interface du débogage

Une réintroduction à JavaScript - MDC Introduction Pourquoi une réintroduction ? Parce que JavaScript peut raisonnablement se targuer d'être le langage de programmation le plus incompris au monde. Bien que souvent raillé comme étant un simple jouet, derrière sa simplicité désarmante se cachent certaines fonctionnalités de langage très puissantes. De nombreuses applications JavaScript de premier plan sont apparues, ce qui montre qu'une connaissance approfondie de cette technologie est une compétence importante pour tout développeur Web. Il peut être utile de commencer avec un aperçu de l'histoire de ce langage. Quelques mois plus tard, Microsoft a lancé avec Internet Explorer 3 une version du langage globalement compatible, appelée JScript. Note : Dans la suite de cet article et à des fins de simplicité, nous utiliserons les termes « JavaScript » et « ECMAScript » pour désigner la même chose. Contrairement à la plupart des langages de programmation, JavaScript n'a pas de concept d'entrée ou de sortie. Aperçu Les nombres NaN + 5;

Tutorial : suggestions (auto-complétion) en Ajax avec JQuery et Php Pour ce deuxième tutoriel sur l’ajax, je te propose un formulaire avec auto-complétion. Simplement afficher des suggestions quand l’utilisateur commence à taper dans un champ de texte. Les suggestions sont affichées grâce à Ajax qui permet d’effectuer des requêtes SQL en « arrière-plan » de la page. Toute la partie JavaScript sera faite grâce au framework JQuery. Comme d’hab, j’ai préparé une page de démo du script : disponible ici. Jquery : auto-complétion Donc, pour commencer, on va préparer le code HTML nécessaire : le champ de texte sur lequel les suggestions vont être appliqué et le bloc (caché au début de la page) qui va éventuellement contenir les suggestions : Ensuite, dans le code javascript, on retrouve les deux fonctions nécessaires : lookup qui permet de faire l’appel ajax et fill qui permet, comme son nom l’indique, de remplir le champ avec la valeur suggerée. Enfin, il ne reste plus qu’à développer le php qui sera exécuté grâce à l’appel ajax.

JSON Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Bref, JavaScript est partout ! Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Un système de chat, comme celui de Facebook ;Une suggestion lors de la frappe dans un champ de texte, comme lors d'une recherche avec Google ;Un lecteur de vidéos ou de musiques, aussi puissant que celui de Youtube, grâce aux balises <video> et <audio> ;Des jeux exploitants la balise <canvas> comme Torus, un Tetris en 3D ;La modélisation 3D d'une Lamborghini affichée grâce à l'API WebGL et à la bibliothèque Three.js ;Et bien d'autres choses ! Sur ce, bonne lecture !

Pompage.net : le web design puisé à la source Sublime Text 2 pour le dev web : config, trucs et astuces • JS Attitude : formations JavaScript qualitatives et sympathiques Pourquoi cet article ? J'écris cet article parce qu'autant ST peut être extrêmement puissant et confortable, autant son installation par défaut (ST « nu », si vous voulez) n'en laisse pas paraître grand chose… La sidebar est totalement dénuée d'options utiles au clic droit, on n'a pas de transpose, etc. Et même ses fonctions natives puissantes, comme le Go To Anything, la Command Palette ou les Layouts, sont souvent bien peu utilisés, ou sous-employés. L'idée est donc de mettre en place ici une config « musclée », et de vous fournir également des liens vers des ressources externes de qualité sur ST lui-même, au travers notamment de screencasts, qui constituent toujours une des meilleures approches pour découvrir un éditeur, car l'aspect visuel et animé est important ici. À partir de zéro Note importante : si vous avez déjà ST d'installé et de personnalisé, il peut être préférable de sauvegarder vos réglages et paquets. Installation Vous pouvez télécharger ST depuis son site officiel.

Maitrise de la gestion des variables en PHP Tout le monde sait manipuler des variables en PHP. Peut-on en dire autant quand les concepts de "copie" et de "références" entrent en jeu ? Nous allons détailler comment fonctionnent les variables au niveau interne à PHP. Cela nous permettra de comprendre très nettement les mécanismes mis en oeuvre lors de l'utilisation d'objets, de références, de fonctions ou de simples variables globales. Lire l'article. Article lu 2151 fois. Copyright © 2010 Julien Pauli.

Diagramming for JavaScript and HTML, by Northwoods Software GoJS is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. GoJS is pure JavaScript, so users get interactivity without requiring round-trips to servers and without plugins. GoJS normally runs completely in the browser, rendering to an HTML5 Canvas element or SVG without any server-side requirements. Build custom modeling environments and domain-specific visual languages using the powerful features of GoJS. Explore Learn

Related: