Steve TENZA
Web développeur
Facebook Me contacter Cookie
Télécharger
Noter:
4.4/5 (5)
Ajouté/Modifié le 2023-10-28
Visionné 12236 fois

Tchat jQuery simple d'utilisation et simple à intégrer

Description



Mis à jour le 17/05/2020


Un tchat jQuery, à la fois simple et fonctionnel, est mis à votre disposition, et il ne nécessite aucune inscription préalable. Il s'adapte facilement à votre propre feuille de style CSS pour s'intégrer parfaitement à votre site. Toutes les instructions nécessaires sont fournies dans le fichier .zip, simplifiant ainsi la mise en place de ce tchat sur votre site web. Une solution pratique pour améliorer l'interaction et la communication en ligne avec vos visiteurs. Cette solution offre une expérience conviviale de discussion en temps réel, idéale pour diverses applications web.

changelog.txt


18/05/2020
- Admin: un bot affiche "Discussion supprimées" (ou pas, voir paramètres) quand vous videz les discussions
- Admin: vous pouvez désormais déconnecter les utilisateurs dans un salon
- CSS: avant, le tchat prenait le style de votre CSS (lorsqu'il est inclut), c'est partiellement corrigé mais si votre style CSS stylise le tchat, n'hésitez pas à m'en informer s'il vous plaît!
- Le mode "l'utilisateur est déconnecté quand il quitte la page" à été désactivé pour le moment car des bugs sont constatés
- Bug PHP solutionné
- Mise en place d'un mot de passe pour l'accès au fichier admin.php
- La page admin liste les utilisateurs connectés

17/05/2020
- Rechargement périodique optimisé
- Bug solutionné (Modification d'une fonction PHP)
- Renommage d'une fonction PHP (erreur d'écriture)
- HTML non valide solutionné: <style> non autorisé dans le body (a été ajouté dans le fichier js/fonctions.js.php, le style s'ajoute en JavaScript lors du chargement de la page)
- Erreur de syntaxe CSS solutionnée

14/05/2020 - version 2
- Renommage index.php en contenu.php par souci de compréhension
- Suppression des variables date en JavaScript pour les mettre directement via PHP lors du POST JS
- MAJ jQuery -> 3.5.1
- Requête AJAX raccourcie "$.post" au lieu de "$.ajax" et compatible avec la nouvelle version jQuery
- Raccourcis du code PHP echo -> <?=?> pour un code plus clair et moins long
- Longueur de message allongé à 500 caractères au lieu de 200
- Ajout dark mode + paramètre CSS pour styliser le tchat
- Uniformisation des variables PHP, des classes et id CSS pour éviter les conflits avec votre site
- Choix des sonneries supprimés lors de la connexion, déplacé dans les paramètres une fois connecté, le volume de la sonnerie n'est pas supprimée et est aussi modifiable quand on tchat
- L'utilisateur est déconnecté lorsqu'il quitte la page ou quand il est inactif depuis un certain temps (choix du mode de déconnexion depuis les paramètres PHP)
- Gestion optimisée des connectés, les utilisateurs connectés sont placés dans le dossier "/connectes/[nom du salon]" et ont chacun un fichier avec leur infos de connexion
- La couleur du pseudo peut être choisie par l'utilisateur et modifiée lors du tchat
- Gestion des smileys automatique! Ajoutez et supprimez vos smileys facilement!
- Certaines images sont générées en base64 pour alléger la bande passante
- Les utilisateurs absents son désormais marqués "Absent depuis X min" au lieu de "Absent"
- Bug de déconnexion juste après la connexion, solutionné!
- Rechargement périodique optimisé
- Système de salon, on peut par exemple afficher un tchat sur l'index du site, le nom du salon serait par exemple "non-connecte" et un tchat sur l'espace utilisateurs avec le nom "connecte" (par exemple), les discussions du salon "connecte" seront uniquement visible dans ce salon (voir l'exemple exemple-salon.php)
- Page d'administration pour gérer les salons
- Vous pouvez limiter le nombre d'utilisateur par salon
- Optimisation de la récupération des messages
- Les messages sont désormais dans un tableau HTML pour mieux s'afficher à l'écran
- Amélioration du style CSS
- Gestion des erreurs JS et PHP
- Un bot est ajouté, il affiche les utilisateurs qui se connectes et se déconnectes
- L'utilisateur peut cliquer sur un utilisateur connecté pour lui envoyer un message personnel, un son différent lui sera émis (mettre @ devant le pseudo: @pseudo, ou cliquez directement sur le pseudo de la liste "connectés")
- Partage de photo via webcam ou depuis l'ordinateur
- CSS & HTML valide
- Compatibilité PHP de 5.6 à 7.3.17

02/09/15 - version 1
- Création de la première version du tchat




lisez-moi.txt


Simple, pratique et doté d'un système anti-flood!

-----------------------------
-- Configuration:
-----------------------------

- Allez au fichier "tchat/parametres/fonctions.php" et configurez le tchat (les commentaires vous guideront)
- Vous pouvez gérer les salons via la page admin.php (à protéger pour que personne y accède à part vous!)


-----------------------------
-- Installation:
-----------------------------

- Transférez le dossier "tchat" sur votre serveur


-----------------------------
-- Utilisation:
-----------------------------

- Vous pouvez l'inclure en PHP ou aller directement à l'URL:


En l'incluant via PHP (assurez-vous d'inclure également jQuery dans la page)

<?php include("tchat/le-tchat.php"); ?>


Ou directement en accédant à l'URL:

- votresite/tchat/le-tchat.php (Le salon par défaut)

Ou avec la réécriture d'URL:
votresite/tchat/ (Le fichier .htaccess gère la réécriture d'URL pour le tchat!)


Un salon précis:

- votresite/tchat/le-tchat.php?C2tchat_salon=Nom-Salon (Avec un salon prédéfini)

Ou:
- votresite/tchat/salon/Nom-Salon (avec la réécriture)


-----------------------------
-- Smileys:
-----------------------------

- Gestion automatique des smileys!

AJOUTER/SUPPRIMER:

- Ajoutez et supprimez des smileys dans le dossier "/images/smileys"
- Attention: le nom du smiley ne doit pas contenir autre chose que les caractères suivants: [a-z0-9-_] (insensible à la casse).
- Les formats acceptés sont: gif, png et jpg (insensible à la casse)


A savoir:

Pour que le tchat convertisse aussi les :), :(, :/,... vous pouvez les définir dans le fichier parameteres/fonctions.php à la variable $NAVIG['tchat_smileys_courants'], tout est expliqué en commentaire.


-----------------------------
-- Sonneries:
-----------------------------

- Vous pouvez ajouter autant de sonneries que vous le souhaitez en les ajoutant dans le dossier suivant: "tchat/sons/sonneries"
- Format du nom: a-Z, 0-9, "-" (tiret),"_" (underscore), "." (point)
- Extension: mp3 ou wav


-----------------------------
-- Notes:
-----------------------------

- La revente de ce script est interdite, le partage est autorisé!
- Vous avez le choix de supprimer le texte "Propulsé par C2script.com!" qui se trouve en bas du tchat, mais le laisser est très apprécié
- Si vous avez des remarques, n'hésitez pas à me les envoyer via mon site!




Nouvelle version disponible!

Vous pouvez télécharger la nouvelle version ici:
C2tchat.zip (V2)
(Téléchargé 562 fois)


Un test du script peut être fait ici:
Test tchat





J'espère que ce script gratuit vous sera utile dans vos projets.
Si vous souhaitez soutenir mon travail, un simple clic sur le bouton "Donner remercier" ci-dessous ou une note serait grandement apprécié. Merci pour votre générosité !
Votre réussite en ligne commence ici

Vous cherchez à pousser encore plus loin vos idées ou à les concrétiser avec un site internet sur mesure ? Je suis là pour vous aider ! Mon expérience en développement web est à votre disposition.

Que ce soit la création de votre site web pro ou l'apport de fonctionnalités avancées à votre projet, contactez-moi pour en discuter et avoir un devis gratuit personnalisé.

Mon objectif est de vous offrir des solutions sur mesure qui répondent à vos besoins, et votre vision associée à mon expertise donnera vie à votre projet web parfait. Contactez-moi aujourd'hui, je réponds en général en moins d'une heure :

Demander un devis
Réponse rapide !

Vous recherchez un script précis ?

Dites-moi ce dont vous avez besoin, je peux développer le script demandé et vous envoyer un mail dès qu'il est dispo !

🔔 Vous pouvez laisser votre mail pour recevoir les nouveaux scripts. Pas de pub, pas de tracas. Vous êtes libre de le supprimer à tout moment.

Je prends en compte toutes les demandes. Les idées les plus populaires passent en priorité et seront publiées dès qu'elles seront prêtes. 2842 demandes reçues.

Commentaires

Ajouter un commentaire

Commenter
Pseudo/Nom
Email
Message
Captcha
memo1memo2
Commenter

Duvrai le 01 Décembre 2020 à 16:44

Bonjour,
en local voici le message que j'ai "Tchat en cours de chargement..."
je tout essayer rien ne fonctionne

admin le 01 Décembre 2020 à 16:55

Bonjour, vérifiez votre console (F12 avec Firefox)

Le problème vient certainement d'un mauvais chemin vers le jQuery

sqfqsfsq le 08 Juin 2021 à 19:23

bonjour,
C dommage deux script que j’essaie en local et qui ne fonctionnent pas...
Avec le chat dès que je rentre un pseudo j'ai : Vous avez été déconnecté du tchat
au passage, ton capcha dans ce formulaire ne s'affiche pas toujours entièrement (image trop petite). obligé d'actualiser la page)

admin le 08 Juin 2021 à 19:39

Bonjour, merci pour votre commentaire.

Avez vous regardé dans la console ? Voir si il y a un message d'erreur ? Acceptez-vous les session dans votre localhost ?

sqfqsfsq le 10 Juin 2021 à 18:03

oui, les sessions sont actives. Je n'ai pas regardé dans la console. J'ai juste vérifier le chemin vers le jQuery qui était bon. PHP Version 8.0.1, Apache/2.4.46, Firefox 89.0 (64 bits). Voila, je n'aurai pas plus de temps à te consacrer. Bon courage....

admin le 10 Juin 2021 à 20:13

merci, peut être la version 8 qui pose souci, activez les erreurs php à l'écran pour voir, je testerais de mon côté avec la 8

Strat le 08 Octobre 2023 à 17:47

Salut,
Après avoir passé plusieurs heures sur le même problème que les personnes dans les commentaires (Chargement du tchat infini...) j'ai fini par le résoudre tout seul, et c'est vraiment un truc tout bête. Je donne la solution pour les prochaines personnes qui rencontrerons le problème, il suffit simplement de bien s'assurer que l'on place le dossier "tchat" de c2script dans un autre dossier "tchat" que vous aurez créer, de sorte à ce que l'adresse url soit: "localhost/tchat/tchat", si votre url est "localhost/tchat/", vous rencontrerez le chargement infini du tchat.
comme je le disait, c'est tout bête. Et il me semble que c2script le précise je ne sais plus où.

Je profite de ce commentaire pour indiqué un autre problème, concernant l'ajout de salon.
depuis la page "localhost/tchat/tchat/admin.php?monmotdepasse", il y a l'option "ajouter un salon", mais ça ne fonctionne pas, quand on clique sur "envoyer", pour créer un salon, on se retrouve sur une page qui nous dit "connexion requise", hors, on est déjà connecté en tant qu'admin puisqu'on est sur la page admin.
J'ai pu contourné le problème pour tester, simplement en enlevant quelque ligne afin de ne plus avoir besoin de MDP pour se connecter à la page admin, et là, l'ajout de salon a fonctionné, le salon a bien été créer, je le voit sur la page admin, MAIS, un second problème survient, comment mes utilisateurs peuvent t'ils choisir le salons??? il n'y a aucune option de sélection nul part ou alors j'suis encore passé à côté d'un truc ^^

admin le 08 Octobre 2023 à 18:13

Merci pour votre contribution, je le note pour la prochaine version du tchat, il sera mis à jour bientôt !

Retour à la liste des scripts

Un site à créer ?
Contactez-moi