Outils de creation gratuits - Créer un quizz - Régie pub gratuite - Boutique web gratuite - Blog gratuit

Créez gratuitement vos codes HTML, CSS, Ajax et PHP en ligne sur Atonsite. Trouvez vos codes de couleurs héxadécimales grace à notre nuancier

• Outils gratuits
• Creation HTML
• Creation CSS
• Creation AJAX
• Creation PHP

Creation AJAX

• Comprendre les bases de l'AJAX en suivant ce tutoriel et ces exemples

• Hébergement et nom de domaine
• Nombreux scripts
• Créer son site
• Art Graphique
• Voyage Montagne
• Galerie d'art

1. Intégration

Ajax - Integration Ajax - Exemple
1.1. Copier la librairie Javascript NEED_Ajax.js sur votre serveur et faites-en un appel dans votre page web
<script type="text/javascript" language="JavaScript" src="NEED_Ajax.js"></script>

1.2. Ajouter un lien sur lequel vous cliquerez pour créer votre événement AJAX
<a href="javascript:NEED_Ajax('process.php','param1='+escape('toto'),'div01')">Cliquez ici</a>

La fonction NEED_Ajax() reçoit les 3 arguments suivants :
- nom du script appelé
- paramètres à envoyer au script  nota: la fonction espace sert à faire passer les caractères spéciaux et accentués
- id du div dans lequel afficher le résultat

1.3. Créez un objet DIV que vous nommerez par exemple div01
Cet objet contiendra le texte que vous voulez afficher après l'execution du script.
<div id='div01'></div>

1.4. Créez un script php que vous nommerez par exemple process.php qui aura en charge de
- effectuer un traitement à partir de(s) paramètre(s) récupéré(s)
- afficher le résultat de l'exécution dans le div div01

Exemple de fichier process.php
<? ## affiche une phrase simple avec param1 header('Content-type: text/html; charset=iso-8859-1'); print "L'Ajax, c'est trop facile !!! ".$param1; ?>

(suite : Exemple d'application du code AJAX)
Ajax - Integration Ajax - Exemple

Auteur : Julien PAGES pour Need Grenoble : www.need-grenoble.fr - 1.0 Juin 2007