Statistiques| Inscription| Espace privé
Développement Web
Accueil > AJAX > Un chat
Le plan Les galeries
Dernière mise à jour :
vendredi 15 mai 2009
Contact
Webmestre
olivier ramos
ParamSPIP
Agenda
<<   Mai 2019   >>
Lu Ma Me Je Ve Sa Di
29 30 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2



AristoJchAtX
Nous présentons ici un outil de chat basé sur les technologies AJAX-PHP-MySQL qui permet de faire la synthèse des différentes méthodes vues précédemment.
 
 
 
 
AristoJchAtX
Nous présentons ici un outil de chat basé sur les technologies AJAX-PHP-MySQL qui permet de faire la synthèse des différentes méthodes vues précédemment.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Pour accéder au chat en plein écran, cliquez sur l’un des deux liens (ne rien mettre pour le mot de passe, il a été installé sans).
 
lire la suite de l'article
 
 
 
 
Un chat
 
 
 
 

Pour installer le chat dans l’un de vos articles, il vous faut suivre la procédure suivante.

Vous téléchargez les fichiers associés au chat (l’intégralité de ces fichiers se trouve dans le fichier chat.zip)

Vous créez un nouvel article dont le corps de texte est vide. Vous le validez de façon à ce que l’on attribue un identifiant à l’article ainsi obtenu.

Ensuite vous créez le répertoire associé à cet article en utilisant le bouton prévu à cet effet, et vous y uploadez tous les fichiers php, js et css que vous aurez obtenus après décompression de chat.zip. Puis vous créez le sous répertoire nommé logos qui sera préfixé automatiquement et deviendra dir_logos.

Enfin, vous écrirez :

- aristojchatx dans le champ portant le nom "Nom du fichier CSS" (sans extension),

- index dans le champ portant le nom "Nom du script PHP principal (sans extension)".

Vous n’écrirez rien dans le champ portant le nom "Nom du script js principal (sans extension)" ; l’appel des fichiers js est différencié selon les parties du programme dans lequel on se trouve.

Le code html vide  :

 

La création du répertoire et l’upload  :

Le remplissage des champs :

 

 
 
 
 
 
Utilisation
 
 
 
 

La procédure d’installation se lancera la première fois que vous allez lire l’article associé aux divers fichiers du chat (en suivant la procédure décrite précédemment).

Vous devez alors :

- entrer les identifiants de connexion à la base de données,

- choisir éventuellement le mot de passe du chat.

En ce qui concerne les utilisateurs, il faut :

- choisir un pseudo et optionnellement un logo,

- entrer l’éventuel mot de passe, 

pour pouvoir accéder au chat.

 
 
 
 
 
Architecture du code
 
 
 
 

Le fichier initial est nommé index.php. Sa première tâche est de déterminer l’éventuelle présence du fichier de configuration nommé aristodefcondb.inc. Ce fichier définit des constantes php qui sont les identifiants de la base de données ; il est créé lors de la première installation.

Deux cas se présentent alors :

- le fichier aristodefcondb.inc n’existe pas. On propose alors le formulaire d’installation (fichier install.php) qui permet de récupérer ces identifiants puis on appelle le fichier de création de tables creertable.php. Ensuite on écrit ces identifiants dans le fichier aristodefcondb.inc puis on appelle le fichier chat.php.

 - le fichier aristodefcondb.inc existe. On appelle alors directement le fichier chat.php.

Dans un premier temps, le fichier chat.php assure la connexion à la base de données, puis propose le formulaire d’identification dans lequel il est permis de choisir un logo. Le fichier ajax1.js permet alors :

- la gestion de l’apparence,

 - le contrôle de la validité du choix du pseudo (moteur ajax avec appel du fichier requetesql6.php),

- le choix du logo (appel du fichier popup.php dans une petite fenêtre et gestion javascript grâce au fichier ajax3.js),

- l’inscription des données d’identification dans la base (moteur ajax avec appel du fichier requetesql5.php),

- l’effacement du logo (moteur ajax avec appel du fichier requetesql.php) à la sortie.

Dans un deuxième temps (après identification), le fichier chat.php propose le formulaire de discussion. Le fichier ajax2.js permet alors :

- la gestion de l’apparence,

- le rafraîchisssement de la page toutes les secondes (moteur ajax avec appel du fichier requetesql.php pour les messages et du fichier requetesql1.php pour les pseudos) ,

- l’affichage de l’heure courante,

- le contrôle de la validité du choix du pseudo (moteur ajax avec appel du fichier requetesql6.php),

- l’inscription d’un nouveau message (moteur ajax avec appel du fichier requetesql2.php),

- l’effacement de ses messages (moteur ajax avec appel du fichier requetesql3.php ou du fichier requetesql4.php),

- le changement de couleur des messages (moteur ajax avec appel du fichier requetesql7.php).

 
 
 
 
 
Document(s) joint(s) :
chat.zip
Descriptif : les fichiers relatifs au chat.