Tutoriel AJAX simple (1/4) En avant vers le WEB2.0
Depuis peu, nous entendons parler d'AJAX un peu partout, comme quoi c'est un outil formidable, rapide, langage du futur, et précurseur du WEB2.0.
Malheureusement, en recherchant sur le net, soit on ne trouve que des fonctions de création de l'objet XMLHttpRequest, soit des classes complètes imcompréhensibles aux developpeurs-amateurs.
Mais AJAX est beaucoup moins compliqué ( à comprendre ) qu'il n'y parait.
Excusez-moi d'avance si ce tutoriel comporte de légères erreurs, je ne suis qu'un amateur autodidacte.
Je ne traiterai ici que de l'ajax en mode asynchrone et en method POST.
Autre tuto
----index.php---- ( Non commenté )
<html>
<head>
<title>Saisie</title>
<script src="ajax.js" type="text/javascript"></script>
</head>
<body>
<form method="post" action="verifformu.php">
<table>
<tr>
<th colspan="2">INFORMATIONS CLIENTS</th>
</tr>
<tr>
<td>N° de code client</td>
// Nous utilisons onchange car nous ne verifions pas chaque frappe mais la saisie complete
<td><input type="text" size="6" name="cdcl" id="cdcl" onchange="ajaxcdcl()" /></td>
</tr>
<tr>
<td>Nom du revendeur</td>
<td><input type="text" size="20" name="revendeur" id="revendeur" /></td>
</tr>
<tr>
<td>Adresse</td>
<td><input type="text" size="30" name="adresserev" id="adresserev" /></td>
</tr>
<tr>
<td>Code postal</td>
<td><input id="coderev" type="text" size="5" maxlength="5" name="cdpostrev" /></td>
</tr>
<tr>
<th colspan="2">APPAREIL</th>
</tr>
<tr>
<td>Fournisseur</td>
<td><input type="text" name="fournisseur" id="fournisseur" size="20" /></td>
</tr>
<tr>
<td>Reference de l'appareil</td>
<td><input type="text" size="20" name="refapp" /></td>
</tr>
<tr>
<td>N° de serie</td>
<td><input type="text" size="20" name="nserie" id="nserie" onchange="verifnserie()"/>
<span id="affnserie"></span></td>
</tr>
<tr>
<th colspan="2">CODE IRIS</th>
</tr>
<tr>
<td colspan="2">
<div id="iris">
<input type="radio" onclick="ajaxiris('lavage')" name="codiris"> Lavage
<input type="radio" onclick="ajaxiris('froid')" name="codiris"> Froid
<input type="radio" onclick="ajaxiris('cuisson')" name="codiris"> Cuisson
</div>
</td>
</tr>
<tr>
<th colspan="2"><input type="submit" value="Valider" /></th>
</tr>
</table>
</form>
</body>
</html>
Au fil des news ASP - Redimensionner Image + Picto après Upload - Galerie photos, revue de presse, ... But : Proposer aux visiteurs de charger des images sans se soucier du "poids" de l'image, puisqu'on ... Exporter et Importer un site SharePoint - Comment déplacer un site SharePoint Une question est très régulièrement posée à tout responsable de ferme SharePoint : Comment ... Bon anniversaire - Comment le souhaiter à ses membres ? Avoir un site, c'est bien. Avoir des inscrits, c'est mieux. Souhaiter leur anniversaire, c'est ... Audio & Vidéo - Multimédia dans ses pages web AUDIO/VIDEO : QuickTime, MediaPlayer, RealPlayer, FlashPlayer, ... : Du multimédia dans ses pages ... Magazines - Le Hors-Série .Net de Programmez ! PHP - Administrer en ligne - Protection des pages Protéger ses pages pour administrer son site en ligne en (relative) sécurité (PHP). Communautés - Concours de programmation Flash ! [MAJ] Afficher ses images à la taille voulue - Utilisation du composant IMGSIZE Ajout de la vérification de l'existence du fichier et d'un test d'erreur de retour du composant ... Protéger ses Images - Propriété intellectuelle - Vie privée Je me suis penché sur la question en tant qu'artiste moi-même, et concepteur de site web pour ... Création de miniatures - Fonction php de création Cette fonction sert à créer des miniatures. ASP - ADMINISTRER en ligne - Protection des pages Protéger ses pages pour administrer son site en ligne en (relative) sécurité (ASP). JavaScript - Numéros de ligne à gauche d'un textarea Protection - Sécurité - Mise au point - Précautions - Solutions Même sans être paranoïaque, on a tous entendu parler de failles de sécurité, piratage informatique, ... AspSmartUpload - Mode d'Emploi Le composant ASPSmartUpload (gratuit) permet de gérer les téléchargements de FICHIERS ou de ... JavaScript - Contrôler une date saisie dans un formulaire HTML - Ajouter un fichier multimédia dans une page web HTML - Musique de Fond sur son site Afficher ses images à la taille voulue - Utilisation du composant IMGSIZE Devant la diversité des formats d'image actuels, il est parfois nécessaire de connaître les ... CSS - Icône Personnalisée sur son site JavaScript - Interdire Clic Droit et message d'alerte CSS - Curseur Personnalisé sur son site JavaScript - Fenêtre à la Dimension de l'Ecran La gouvernance SharePoint - Partie 1 - Première partie sur la gouvernance dans Sharepoint Un projet de mise en place de ferme SharePoint est un projet important pour toute structure ... ASP - Redimensionner Image + Picto après Upload ASP - Administration en ligne : Protection des Pages PHP - Administration en ligne : Protection des Pages PHP - Redimensionner Image + Picto après Upload ASP - Boutons ON OFF pour tout type de musique PHP - Boutons ON OFF pour tout type de musique SharePoint et OpenSearch - Utiliser l'option OpenSearch avec SharePoint Nous avons maintenant un site SharePoint fonctionnel associé à un moteur de recherche efficace. Il ... Magazines - Le n°109 de Programmez est disponible SharePoint et PowerShell - Utilisation de PowerShell pour un script d'admin PowerShell est le nouveau moteur de script de Microsoft. Il permet tout comme VBScript de créer des ... [MAJ] [PHP] - Validation de formulaire - Gestion des erreurs via style CSS Ajout de la sécurité anti sql injection de premier niveau. Adobe - Adobe propose 3 nouvelles versions bêta publiques VBScript - Interroger un serveur MYSQL Divers - Web developpement PHP5 - Copie de fichiers distants Les stratégies de Backup dans WSS V3 - Quelles sont les différentes solutions de BackUp Nous avons vu au travers des précédents articles différents sujets pour Windows SharePoint Services ... Création d'une solution de déploiement SharePoint - Créer la solution pour notre composant SharePoint Après avoir suivi toutes les étapes pour la création de notre composant (Feature) SharePoint, il ... Magazines - Le n°108 de Programmez est disponible
Boutique |
Sites |
Bar |
Forum |
PhpBB |
Actu |
Glossaire |
Codes |
Tips |
Liens |
Livres |
Lettre
