Chat
Résolu/Fermé
Utilisateur anonyme
-
Modifié par Destineos le 20/09/2015 à 19:24
Konseil Messages postés 643 Date d'inscription samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 - 20 sept. 2015 à 21:35
Konseil Messages postés 643 Date d'inscription samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 - 20 sept. 2015 à 21:35
A voir également:
- Chat
- Coco chat - Accueil - Réseaux sociaux
- Remplaçant de Coco : quelles solutions pour tchater gratuitement en ligne ? - Accueil - Réseaux sociaux
- Chat gpt gratuit - Télécharger - Outils Internet
- Chat engine - Télécharger - Outils Internet
- Connexion impossible sur coco.fr - Forum Réseaux sociaux
4 réponses
Konseil
Messages postés
643
Date d'inscription
samedi 29 août 2015
Statut
Membre
Dernière intervention
13 novembre 2018
429
20 sept. 2015 à 19:34
20 sept. 2015 à 19:34
Est ce que tu as configuré ta base de données MySQL sur ton serveur?
Konseil
Messages postés
643
Date d'inscription
samedi 29 août 2015
Statut
Membre
Dernière intervention
13 novembre 2018
429
20 sept. 2015 à 21:14
20 sept. 2015 à 21:14
Tu vas avoir besoin de créer 3 fichiers, je vais les poster ici, 1 par 1.
minichat.html
minichat.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="fr" />
<title>Teste d'un formulaire AJAX</title>
<head>
<style type="text/css">
.bordure{
border:1px solid red;
margin:5px;
padding:5px;
}
</style>
<script type="text/javascript" src="fonctions.js"></script>
</head>
<body>
<form method="post" id="monform">
Pseudo : <input type="text" name="pseudo" id="pseudo" value=""/><br/>
Message : <input type="text" name="message" id="message" value=""/><br/>
Envoyer : <input type="button" value="Go" onclick="teste_ajax()">
</form>
<div id="mondiv">La réponse sera affiché à la place de ce texte.</div>
</body>
</html>
Konseil
Messages postés
643
Date d'inscription
samedi 29 août 2015
Statut
Membre
Dernière intervention
13 novembre 2018
429
20 sept. 2015 à 21:15
20 sept. 2015 à 21:15
fonctions.js
//Fonction d'instance permettant de vérifier si le navigateur supporte l'objet XMLHTTPRequest
function objet_XMLHttpRequest()
{
//On déclare une variable "mavariable" à null
var mavariable = null;
//Teste si le navigateur prend en charge les XMLHttpRequest
if (window.XMLHttpRequest || window.ActiveXObject){
// Si Internet Explorer alors on utilise les ActiveX
if(window.ActiveXObject){
//On teste IE7 ou supérieur
try{
mavariable = new ActiveXObject("Msxml2.XMLHTTP");
}
//Si une erreur est levée, alors c'est IE 6 ou inférieur
catch(e){
mavariable = new ActiveXObject("Microsoft.XMLHTTP");
}
}
//Navigateurs récents (Firefox, Opéra, Chrome, Safari, ...)
else{
mavariable = new XMLHttpRequest();
}
}
//XMLHttpRequest non supporté par le navigateur
else{
alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
return null;
}
//On retourne l'objet mavariable
return mavariable;
}
function teste_ajax(){
//On déclare une variable
var mavariable = objet_XMLHttpRequest();
//récupération des données
var pseudo = encodeURIComponent(document.getElementById("pseudo").value);
var message = encodeURIComponent(document.getElementById("message").value);
//Si le pseudo est vide
if(pseudo == ''){
//On lance une alert
alert('Pseudo vide!');
//On stop tout
return false;
}
//idem pour le message
if(message == ''){
alert('Message vide!');
return false;
}
//On assigne une fonction à la propriété onreadystatechange
mavariable.onreadystatechange = function(){
//Si l'attribut readyState renvoie 4 et que l'attribut status renvoie 200
if(mavariable.readyState == 4 && mavariable.status == 200){
//On affiche le résultat chargé dans l'attribut responseText qui est affiché dans un div nommé "mondiv"
document.getElementById("mondiv").innerHTML=mavariable.responseText;
//On vide le champ message
document.getElementById("message").value='';
}
};
//On déclare la méthode d'envoie
mavariable.open("POST","traitement.php",true);
//On assigne un header
mavariable.setRequestHeader("Content-type","application/x-www-form-urlencoded");
//On envoie
mavariable.send("pseudo="+pseudo+"&message="+message);
}
//Fonction permettant de rafraichir le div "mondiv"
function refresh()
{
var xhr = objet_XMLHttpRequest();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200){
document.getElementById("mondiv").innerHTML = xhr.responseText;
}
};
xhr.open("POST","tchat.txt", true);
xhr.send(null);
}
//On lance la fonction toute les secondes
setInterval("refresh()", 1000);
Konseil
Messages postés
643
Date d'inscription
samedi 29 août 2015
Statut
Membre
Dernière intervention
13 novembre 2018
429
20 sept. 2015 à 21:16
20 sept. 2015 à 21:16
traitement.php
<?php
//Vérification des données
$pseudo = (isset($_POST["pseudo"])) ? $_POST["pseudo"] : NULL;
$message = (isset($_POST["message"])) ? $_POST["message"] : NULL;
//On créé une variable pour donner un nom au fichier
$fichier = "tchat.txt";
//On ouvre le fichier. Si il n'existe pas il sera créé automatiquement
$fichier_a_ouvrir = fopen ($fichier, "a+");
//On écrit dans le fichier
fwrite($fichier_a_ouvrir, '<div class="bordure">'.$pseudo.' : '.$message.'</div>');
//On ferme la connexion
fclose ($fichier_a_ouvrir);
//On ouvre le fichier en lecture
$fichier_a_ouvrir = fopen ($fichier, "r");
//On lit son contenu
$contenu_du_fichier = fgets($fichier_a_ouvrir, 1024);
//On affiche son contenu
echo $contenu_du_fichier;
//On ferme la connexion
fclose ($fichier_a_ouvrir);
?>
Konseil
Messages postés
643
Date d'inscription
samedi 29 août 2015
Statut
Membre
Dernière intervention
13 novembre 2018
429
20 sept. 2015 à 21:19
20 sept. 2015 à 21:19
Non, tu supprimes tout, tu prends juste les 3 là.
Konseil
Messages postés
643
Date d'inscription
samedi 29 août 2015
Statut
Membre
Dernière intervention
13 novembre 2018
429
20 sept. 2015 à 21:25
20 sept. 2015 à 21:25
Non, c'est pas bien grave
20 sept. 2015 à 19:35
20 sept. 2015 à 19:36
20 sept. 2015 à 19:44
Tu dois aller dans le Control Panel de ton serveur et te rendre dans la gestion des bases de données, tu pourras créer un compte utilisateur et créer des bases de données.
Mais si tu veux pas te prendre la tête, tu peux stocker tes messages dans un fichier texte sans utiliser MySQL.
Créer un Mini Chat
20 sept. 2015 à 19:48
20 sept. 2015 à 21:07