background preloader

AJAX et l'échange de données en JavaScript

AJAX et l'échange de données en JavaScript
Related:  ARDUINO

ArduGate : Piloter un Arduino facilement à partir de son navigateur Web ArduGate est projet tout simple qui permet de piloter sa carte Arduino directement à partir d’un navigateur web. Cela ne permet pas de réaliser des projets complexe, mais il peut permettre de se familiariser avec l’univers arduino lorsque l’on est novice. Le projet ArduGate se comporte de trois éléments essentiels à son fonctionnement : L’agent, l’executable et la page de navigation. Vous pouvez analyser chaque éléments en explorant la liste des fichiers composants ArduGate et pourquoi pas réaliser vos modifications. L’agent L’agent est un programme arduino classique type .INO que l’on doit charger préalablement dans la carte Arduino, il permet d’exécuter un code résident qui va attendre des ordres de commandes pour effecteur des actions ou transmettre des informations. Le serveur La page de navigation Elle permet de contrôler visuellement l’Arduino, à travers des routines en Javascript qui communique avec AJAX les informations au serveur. Voici une démonstration en vidéo :

Using PHP/MySQL with Google Maps - Google Maps API Ben Appleton, Google Geo TeamWith contributions from Lary Stucker, Maps API DeveloperApril 2007 This tutorial is intended for developers who are familiar with PHP/MySQL, and want to learn how to use Google Maps with a MySQL database. After completing this tutorial, you will have a Google Map based off a database of places. The map will differentiate between two types of places—restaurants and bars—by giving their markers distinguishing icons. An info window with name and address information will display above a marker when clicked. The tutorial is broken up into the following steps: Creating the Table When you create the MySQL table, you want to pay particular attention to the lat and lng attributes. Note: This tutorial uses location data that already have latitude and longitude information needed to plot corresponding markers. If you prefer interacting with your database through the phpMyAdmin interface, here's a screenshot of the table creation. Populating the Table Outputting XML with PHP

Table of Contents Page last changed today JavaScript RegExp Example: Online Regular Expression Tester Feel free to test JavaScript's RegExp support right here in your browser. Obviously, JavaScript (or Microsoft's variant JScript) will need to be enabled in your browser for this to work. Since this tester is implemented in JavaScript, it will reflect the features and limitations of your web browser's JavaScript implementation. MySQL Vous avez de nombreuses données à traiter et vous voulez les organiser correctement, avec un outil adapté ? Les bases de données ont été créées pour vous ! Ce tutoriel porte sur MySQL, qui est un Système de Gestion de Bases de Données Relationnelles (abrégé SGBDR). C'est-à-dire un logiciel qui permet de gérer des bases de données, et donc de gérer de grosses quantités d'informations. Il utilise pour cela le langage SQL. MySQL peut donc s'utiliser seul, mais est la plupart du temps combiné à un autre langage de programmation : PHP par exemple pour de nombreux sites web, mais aussi Java, Python, C++, et beaucoup, beaucoup d'autres. MySQL avec l'interface PHPMyAdmin MySQL avec une console windows Différentes façons d'utiliser MySQL Quelques exemples d'applications Vous voulez créer un site web dynamique en HTML/CSS/PHP avec un espace membre, un forum, un système de news ou même un simple livre d'or. Points abordés dans ce tutoriel

Bienvenue sur le site PHM ARDUINO Ajax Tutorial - MySQL We already know how to run an external PHP script with AJAX, so let's take it to the next level and pull some data down from a MySQL database. Our "order.html" file and PHP script will have to be updated and we also need to make a new database. To clearly illustrate how easy it is to access information from a database using Ajax, we are going to build MySQL queries on the fly and display the results on "order.html". Create a new database or use an existing one and then import the table ajax_example.sql to that database. This sql file will create the table ajax_example and insert all the data rows. The table has four columns: ae_name - The name of the person ae_age - Person's age ae_sex - The gender of the person ae_wpm - The words per minute that person can type We want to be able to build queries from our HTML file, so there are a few form elements that will need to be added. Maximum Age (Text Input) - Let the user select the maximum age to be returned. order.html HTML/Javascript Code: <?

JavaScript Introduction Detecting the File Download Dialog In the Browser Updated 2011-01-28 to reference the correct question stackoverflow.com Updated 2011-10-02 With a link to a sample application on github. Updated 2013-07-01 with corrected jQuery Cookie plug-in link and syntax In the web application I work on we sometimes need to create PDF documents based on some user input. Generating a file, however, can sometimes take a few seconds. There are some ways to work around this by writing the file to disk or some caching mechanism and then providing a separate URL endpoint to download the finished file, but these approaches require what is, in my opinion, a non-trivial amount of server side code to accomplish. The Client Side Setup The code I’m showing here is adapted from an ASP .NET Web Forms application, but I’ll try to keep it as a generic looking as possible as this approach should work regardless of the platform you use. Notice the ‘hidden’ input field I included in that form. First, we’re using jQuery to hook into the ‘submit’ event of the HTML form.

SQL Avant d'utiliser les jointures, il faut que votre base de données relationnelle soit correctement conçue. Vous apprendrez dans cette partie quelques règles de base (loin d'être exhaustives) dans la conception des bases de données. Pour ce faire, utilisons un exemple. Citation Vous êtes informaticien dans une agence de presse et vous devez stocker les articles des journalistes de l'agence dans une base de données relationnelle. Ces règles n'étant pas faciles à comprendre de prime abord, appliquons-les à notre exemple. On aurait a priori tendance à créer une table "articles" ayant la structure suivante (notez l'absence de caractères spéciaux, d'espaces et d'accents dans les noms des champs) : Ce qui donne, avec quelques données (exemple) : On remarque cependant qu’il y a répétition des informations sur l'auteur. On va donc créer une table "auteurs" en relation avec la table "articles" pour éviter d'avoir une répétition inutile de toutes les informations sur les auteurs. Mise en pratique :

ARDUINO View Edit Attributes History Attach Print Search ACCUEIL | ARDUINO > S'INSTALLER > DEBUTER > APPROFONDIR | PROCESSING | MECATRONIQUE | MATERIEL | OUTILS | TESTS | Plus...|Python > Shell > ATELIERS Python + Qt > PyQt apps > PyQt+Arduino | Mes Robots | RepRap | Mes lib'Arduino | Mes shields Arduino | Mes distros | Les Mini-PC | ATELIERS ARDUINO| VIDEOS | COMPRENDRE | REFERENCES | CODER | TECHNIQUE | GNU/LINUX | LIENS | Rien à voir |

Tutoriel Ajax en exemples Asynchronous Javascript + XMLLa création de pages web dynamiques coté client Ajax est seulement un nom donné à un ensemble de techniques préexistantes. Il dépend essentiellement de XMLHttpRequest, un objet coté client utilisable en JavaScript, qui est apparu avec Internet Explorer 4.0. XMLHttpRequest a été conçu par Mozilla sur le modèle d'un objet ActiveX nommé XMLHTTP créé par Microsoft. Il s'est généralisé sur les navigateurs après que le nom Ajax ait été lancé par un article de J. Pourquoi utiliser Ajax? Ajax permet de modifier partiellement la page affichée par le navigateur pour la mettre à jour sans avoir à recharger la page entière. Ajax est une technique qui fait usage des éléments suivants: HTML pour l'interface. Le terme "Asynchronous", asynchrone en français, signifie que l'exécution de JavaScript continue sans attendre la réponse du serveur qui sera traitée quand elle arrivera. Dynamic HTML est aussi un ensemble de techniques, qui comprend: HTML, CSS, JavaScript. Attributs

Detecting keystrokes Page last changed today iCab doesn't support the key events at all. Many thanks to Hallvord Steen for his summary of the key events in Windows browsers; his page saved me quite a bit of work. Detecting the user's keystrokes turns out to be a rather specialised branch of event handling. The first problem is that there is no standard for key events; the specification says: An event module designed for use with keyboard input devices will be included in a later version of the DOM specification. As we all know, browser vendors start experimenting when there's no official standard, and these experiments, though occasionally useful, also cause incompatibilities. In addition, there are a few important differences between the keydown and keyup events on one hand, and the keypress event on the other. Finally, there are important differences between Windows and Mac. The two properties are keyCode and charCode. Explorer and Opera do not support charCode. Let's start with a simple example.

Related:  Enrichissement progressifTutorielsInformatik