background preloader

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

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

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

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

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: <?

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 :

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

How to check whether JavaScript is enabled in client browser using Java code Tips Facebook: Comment récupérer un access_token pour accéder à la Graph API Vous l’avez sans doute constaté, l’API de Facebook a (encore) changé ! Maintenant il vous faudra un « access_token » pour accéder via l’API Open Graph aux données de page Fan. Ainsi, le script que j’avais publié sur la récupération d’informations provenant d’une page Fan ne marche (pour l’instant) plus. Tout d’abord essayons de comprendre la mécanique. Principe Différentes étapes doivent être accomplies afin de pouvoir à nouveau utiliser l’Open Graph API pour les pages fan. s’identifier en tant que développeurcréer une application où l’on va récupérer certaines informations précieuses.autoriser l’application à utiliser les informations facebookrécupérer un access_tokenutiliser cet access_token pour accéder à la Graph API Détails pas à pas S’identifier en tant que développeur Pour cela, rendez-vous sur la page developers.facebook et acceptez de devenir développeur. Créer une application Allez sur la page facebook.com/developers et cliquez sur « Créer une application » en haut à droite.

Javascript Function to Check or Uncheck all Checkboxes This Javascript function will check or uncheck all the checkboxes in an HTML form. This function is specially designed for dynamic pages with varying numbers of checkboxes. Unlike other functions out there, it will work without error even if there are no checkboxes or there is only one checkbox. It is also significantly faster for long lists, because it saves the length of the checkbox in a variable, instead of recalculating it in the loop. Instructions Provide the form name and the field name of the checkbox as the parameters to the function. JavaScript Source Code function SetAllCheckBoxes(FormName, FieldName, CheckValue) { if(! Example Use your browser's view source command to see how the buttons below work to select or unselect all the checkboxes. Created 2004-12-13, Last Modified 2011-07-24, © Shailesh N.

Les Bugs D'Internet Explorer en CSS - Bug IE 6 - BUG IE 7 - Compatibilité entre navigateurs - Firefox 2 et 3 (esprit-creatif) Internet Explorer 6 est souvent difficile à contrôler et un jeune webmaster peu vite être dérouté par les différences d'affichage qu'il pourra constater entre Internet Explorer 6 (IE 6), Internet Explorer 7 (IE7) et FireFox (FF). Je vais commencer par vous donner quelques conseils pour éviter un maximum de bugs, puis je vais établir ci-dessous une liste des bugs rencontrés sur Microsoft Internet Explorer 6 et le cas échéant la solution à appliquer. J'ajouterai au fur et à mesure de mes heureuses surprises. Pour m'y encourager, laissez-moi un commentaire ou cliquez sur une bannière si cet article vous a aidé ! A. 1# Bien renseigner son doctype Essentiel à la bonne compréhension de votre code, le doctype va donner une clé à IE 6 pour interpréter votre code HTML. Le DOCTYPE se place tout en haut de votre page HTML. Ex: L'importance va être de choisir le doctype adapté. Plus d'informations : Lire l'excellent article de Pompage.net 2# Valider son code HTML et son CSS B.

Empêcher les flottants de dépasser de leur conteneur Par défaut dans les navigateurs, les éléments positionnés grâce à la propriété CSS float (aussi appelés flottants, ou en anglais floats) sortent du flux de leur conteneur. Autrement dit, les flottants «dépassent». C'est ainsi qu'on se retrouve avec des conteneurs qui font zéro pixel de hauteur, des colonnes qui passent à travers un pied de page, et autres résultats peu souhaitables. Par exemple, avec ce code HTML et CSS les «colonnes» flottantes dépasseront de leur conteneur: <div id="conteneur"><div class="colonne">AAA</div><div class="colonne">BBB</div><div class="colonne">CCC</div></div> Comment bloquer ponctuellement le dépassement des flottants? La propriété overflow La propriété CSS overflow définit comment un bloc doit se comporter lorsqu'un contenu dépasse de ce bloc. Cette propriété a aussi pour caractéristique, lorsqu'on utilise les valeurs autres que visible, de créer ce qu'on appelle un contexte de formatage de bloc. Avantage: technique efficace, tient en une ligne.

Loic Le Meur

Related: