background preloader

Ajax

Facebook Twitter

Google

Introduction Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms. In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques. We are using PHP, CSS and jQuery with the help of the formValidator plugin for form validation and the JQTransform plugin, which will style all the input fields and buttons of the form. In addition we are using the PHPMailer class to send out the contact form emails. For the page background we are using a fantastic dark wood texture by Matt Hamm. The form degrades gracefully, which means it is perfectly usable even with JavaScript turned off. *Edit: Also make sure you are running PHP 5. So lets start with the tutorial. Step 1 - XHTML First, we are going to take a look at the XHTML markup behind the form. demo.php As you can see from line 8, we are submitting our form to submit.php. Step 2 - jQuery script.js.

35+ Web Developers Useful Ajax Tutorials. jQuery and Ajax best 9lessons. Introduction à jQuery - Jarod xXx - Developpeur web 2.0 et etre humain - PHP, ressources pour webmaster. Lire un fichier XML avec jQuery - Club d'entraide des développeurs francophones. Eh oui, encore une fois nous allons parler de jQuery, sans aucun doute une des meilleurs librairies JavaScript existantes. Bref, nous allons aujourd'hui nous attarder à la lecture d'un fichier ou d'une source XML à partir de jQuery.

Alors qu'AJAX prend de plus en plus de place sur la toile voici comment vous aussi vous pouvez ajouter un petit plus à vos développements. Avant toute chose il faut construire notre page HTML et y inclure notre librairie afin que le tout fonctionne. Voici le code du corps de notre page que nous utiliserons. Donnée de notre fichier XML Sélectionnez Comme toute programmation AJAX, on commence toujours par l'inclusion des tags suivants : $(document).ready( function() { } ); À l'intérieur même de ces tags, nous allons créer notre requête AJAX. Un type Une source (url) Un type de source L'opération à effectuer si la requête est valide La partie la plus importante est bien sur la partie opération.

Une fois le fichier chargé, il nous faut maintenant lire son contenu. jQuery, tutoriel en Français| Webmaster - Ressources et outils gratuits pour votre site internet - Free Tools| Free Tools, Le meilleur des outils gratuits pour webmaster. Great JavaScript and CSS Menu Libraries.