Tutoriaux sur l'utilisation de la technologie Ajax
Création d'un diaporama. PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Jeudi, 13 Mars 2008 20:49

Dans cet article, je vais vous montrer comment réaliser un diaporama en Ajax. Pour cela je vais utiliser trois langages: le HTML, du JavaScript ainsi que du PHP.
Le code du diaporama est scindé en 3 fichier: galerie.html, galerie.js et galerie.php.
Le premier est la page web contenant la mise en page avec les différents évènements possibles tels que le clic sur la flèche précédente ou suivante.

LAST_UPDATED2
Lire la suite...
 
Infobulle PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Jeudi, 13 Mars 2008 20:37
Voici un tutorial qui permet lorsque l’utilisateur passe la souris au dessus d’un mot définie a préalable, d’afficher dans une bulle un texte, une image ou ce que l’on veut.

On peut ainsi utiliser ce principe pour donner la signification de certains mots, ou même pour un lien afficher dans la bulle la première phrase de la page cible du lien.

LAST_UPDATED2
Lire la suite...
 
Onglets PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Lundi, 25 Février 2008 04:11

Dans ce tutoriel nous allons voir comment mettre en œuvre une page avec divers onglets.

Les pages qui seront spécifiques à un seul onglet seront sauvegardées dans une base de données.

Nous verrons les différents fichiers utiles à cette application tel que :

-un fichier CSS pour la mise en forme de la page principale

-un fichier HTML pour la page principale qui contient nos onglets

-un fichier JS pour l’utilisation des technologies Ajax et le chargement du contenu des onglets

-un fichier PHP pour l’accès à la base de données

LAST_UPDATED2
Lire la suite...
 
Arborescence de fichier progressive PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Samedi, 09 Février 2008 02:25

Sur la toile, plusieurs scripts vous proposent d'afficher une arborescence de votre système de fichier tout d'un bloc. Sympathique, mais si vous possédez beaucoup de dossier le chargement risque d'être (très) long... Avec l'Ajax, nous allons charger les branches de l'arbre au fur et à mesure des clics de l'utilisateur !

 

LAST_UPDATED2
Lire la suite...
 
Création d'un diaporama. PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Vendredi, 08 Février 2008 14:54

Dans cet article, je vais vous montrer comment réaliser un diaporama en Ajax. Pour cela je vais utiliser trois langages: le HTML, du javascript ainsi que du php.
Le code du diaporama est scindé en 3 fichier: galerie.html, galerie.js et galerie.php.
Le premier est la page web contenant la mise en page avec les différents évènements possibles tels que le clic sur la flèche précédente ou suivante.
Voici son code avec des explications:

LAST_UPDATED2
Lire la suite...
 
Formulaire dynamique PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Lundi, 21 Janvier 2008 14:19
En remplissant des formulaires sur le web, vous avez dû remarquer que certains vérifiaient le contenu de vos champs pendant que vous les remplissiez.

Ce petit tour de magie est principalement issu du JavaScript, mais y inclure de l'Ajax peut le rendre bien plus intéressant.

 

Pour ce tutorial nous allons construire un formulaire qui détecte si le pseudonyme demandé n'est pas déjà pris, et comme nous aimons la difficulté, nous allons le faire avec un fichier XML :)

 

LAST_UPDATED2
Lire la suite...
 
Autocompletion PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Lundi, 21 Janvier 2008 12:48

Tout d’abord nous allons expliquer ce qu’est une autocompletion :

Une autocompletion et une action qui s’effectue sur un champ de texte.

Par exemple : Imaginez une secrétaire qui recherche le nom d’un employé, elle doit taper son nom dans un champs. Donc une solution pour rendre plus rapide et plus agréable la saisie a été de proposer une liste de nom au fur et a mesure que le nom est tapé.

Cette solution offre un autre avantage, si un utilisateur ne connaît que le début du mot, il pourra aisément retrouver la suite.

L’autocompletion propose donc une liste selon différent critère de sélection définie a l’avance tel que les mots les plus populaire, ou simplement par ordre alphabétique (le plus communément utilisé).

LAST_UPDATED2
Lire la suite...
 
Premier exemple d'implémentation Ajax PDF Imprimer Email
Écrit par etudiants d'iut informatique   
Dimanche, 13 Janvier 2008 09:00

Ajax est un des composants importants du Web 2.0 car il apporte souplesse et dynamismes aux sites web. Il se situe au croisement de trois langages que vous devez maîtriser avant d'aller plus loin dans ce tutorial : HTML, JavaScript, PHP (ou tout autre langage interprété par le serveur).

Le but de la petite application Ajax que nous allons implémenté est, à partir d'un formulaire, de vérifier qu'un mot de passe est juste et afficher le résultat de la vérification sans rafraîchir la totalité de la page.

LAST_UPDATED2
Lire la suite...
 


 

Flux rss


Warning: file_put_contents(/www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc) [function.file-put-contents]: failed to open stream: Permission denied in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 8666

Warning: /www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc is not writeable in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 1779

Warning: file_put_contents(/www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc) [function.file-put-contents]: failed to open stream: Permission denied in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 8666

Warning: /www/www.ajax-fr.org/htdocs/cache/695e4ba2bec7dff31c72fb5a3b07b36f.spc is not writeable in /www/www.ajax-fr.org/htdocs/libraries/simplepie/simplepie.php on line 1779
Ajaxian » Front Page
Cleaning up the web with Ajax
  • The Quick & Easy Way of Getting into YUI: SimpleYUI
    The Yahoo! YUI is an incredibly feature-rich JavaScript library with a LOT of functionality but getting your head around all of those features can be tough. The YUI team wants...
  • A Periodic Table for HTML
    Josh Duck has put together a fun and useful list of the 104 elements currently in the HTML5 working draft but organized like a periodic table of elements: When you click...
  • The Node.js now running on webOS – and more Web improvements
    By Dion Almaer webOS 2.0 SDK has just launched, and it has node.js built in (and more). The following is taken from my personal blog At our last Palm Developer Day, Ben...
  • A Drumbeat for the Open Web
    I stumbled on the Mozilla Foundation's Drumbeat project recently: Drumbeat gathers smart, creative people like you around big ideas, practical projects and local events that improve the open web. It's very well...