La Ferme du web - Les forums

le plus simple, si tu souhaites quelque chose de "dépouillé" en fonctionnalités serait de le faire toi même, cela revient à actualiser ta fenêtre toutes les x secondes, rien de compliqué, et il me semble d'ailleurs qu'il y a eu une news ici même il y a une semaine ou deux sur un truc qui fait ça simplement. J'en avais développé un très rapidement pour un site client, d'ailleurs je ne m'étais pas embarrassé du superflu, pas de salon privé, juste un espace public, et pas de base de données, que du fichier texte pour les messages, ça te permet d'écrire directement dans le fichier texte "machin dit > bla bla" en une passe. Te reste un pseudo système de login où le type donne son nom dans un input et tu le stockes en session ou dans un cookie (j'avais fait la version session pour éviter les problèmes sur des ordis publics).

au final, il te faut :
- un champ texte pour le pseudo avec un ajax derrière pour le passer en session
- un grand textarea pour le contenu du chat
- un input pour le message du gars avec un bouton "envoi"
- une action en ajax sur l'envoi pour mettre a jour le fichier texte et actualiser le textarea
- un js pour l'actualisation en settimeout

par contre ici point de smileys, perso j'avais éliminé cette possibilité car cela fait stocker des smileys en version ponctuation dans le fichier texte et ensuite il faut les retransformer à chaque actualisation d'une part, et d'autre part dans un textarea ça chie, il faut passer par un div.

après tu as des chats tout faits, mais pour l'intérêt du truc, faut faire simple, et surtout pas gourmand en ressources.

si tu as besoin d'aide n'hésites pas à reposter.

a+

Hum tu devrais le créer toi même, sachant qu'il faut juste écrire dans un fichier texte.
Puis interroger périodiquement le fichier afin de récupérer les dernières données ^^
Par exemple avec ce plugin :p http://www.lafermeduweb.net/billet/smar … -1021.html

Sinon tu peux aller voir de ce côté: http://www.lafermeduweb.net/s/chat ^^

Sybio a écrit:

Hum tu devrais le créer toi même, sachant qu'il faut juste écrire dans un fichier texte.
Puis interroger périodiquement le fichier afin de récupérer les dernières données ^^
Par exemple avec ce plugin :p http://www.lafermeduweb.net/billet/smar … -1021.html

Sinon tu peux aller voir de ce côté: http://www.lafermeduweb.net/s/chat ^^

oui enfin les chats que tu proposes sont un peu trop complexes je trouve pour une utilisation simpliste et en tout cas en ce qui me concerne beaucoup trop gadget (les goûts et les couleurs...)
par contre c'est clair que créer une appli de chat est un très bon apprentissage, c'est simple et en terme d'optimisation des ressources, cela permet tout de même de ratisser large.

salut,
je pense que c'est le fichier texte ou sont stockes les commentaires, ils le nomment .web pour ne pas que celui ci soit accessible en modifiant le type mime via htaccess, enfin c'est ce que je pense a la vue de ton bout d script

sinon tu as celui ci qui est bien documente, et pas trop moche. perso je virerais la couche mysql pour la gérer en fichier, ou alors encore une évolution possible, passer sur mongodb qui au final est un mix des deux
http://yensdesign.com/2009/01/create-a- … ax-jquery/

salut,

pour ta 1ere question, cela devrait régler ton problème :
var url = "chat.txt";
par contre, fais en sorte que ce fichier ne soit pas indexé par les moteurs
tu peux simplement changer les droits de ton fichier pour qu'il ne soit accessible que par le serveur avec un chmod directement sur le fichier. si tu n'es pas sur dédié et que tu es en mutu, tu devrais pouvoir le faire avec un chmod php ou un umask, à tester...
sinon pour le fichier texte, une évolution sympa pourrait être, dans l'optique où tu souhaites "coloriser" la sortie, de ne pas utiliser un fichier texte mais plutôt un fichier xml, cela revient au même mais cela te permet au parsing d'associer plus facilement un style.
l'avantage du fichier texte simple est que si tu es sûr de ton coup pour la présentation alors tu peux insérer directement dedans du html, avec par exemple une couleur pour le nom du posteur, une pour la date / heure du post et une autre encore pour le message. par contre le jour où tu veux changer les couleurs il te faut vider ton historique...
autre méthode, séparer ce que tu stockes, genre : nom|||dateheure|||message
à l'affichage, tu splittes ta ligne via un explode et tu colorises chaque partie de l'array retourné.

en xml, c'est plus simple, tu vas utiliser simpleXML pour lire, donc tu vas récupérer des noeuds, et de fait tu styles les noeuds, donc pas besoin de vider ton histo si tu changes ta présentation.


pour la seconde partie de ton post, si tu codes ton propre chat tu n'auras pas de problème avec WP, c'est du maison, il faut juste que tu définisses bien tes variables en local pour tes fonctions et aucune variable globale ou alors avec des noms de furieux

Bon courage.

PS : penses aussi à une chose... si tu pars sur de la version fichier texte, que ce soit du xml ou du txt, il faut au bout d'un moment vider le fichier sinon il va indéfiniment grossir et ton actualisation sera très lente au bout d'un moment, penses y

re-bonjour !

Alors voici ou j'en suis

j'ai un chat très simple (utilisant un fichier txt) qui affiche uniquement
- la fenêtre du chat
- un input pour laisser le message
(le nom de l'auteur étant auto = celui du connecté au blog)

par contre je rencontre un problème

- les accents ne passent pas avec internet explorer (safari firefox chrome = ok)

Et voici les fonctions que je n'arrive pas à incorporer

- autoscroll sur le dernier message
- afficher l'heure de chaque message
- effacer le fichier.txt tous les 24h (à 6h du mat)

Je te donne le javascript que j'ai modifié, si tu peux m'aider je t'en remercie

<script type="text/javascript">
/****************************************************************
 * Most Simple Ajax Chat Script (www.linuxuser.at)        *
 * Version: 3.1                            *
 *                                 *
 * Author: Chris (chris[at]linuxuser.at)            *
 * Contributors: Derek, BlueScreenJunky (http://forums.linuxuser.at/viewtopic.php?f=6&t=17)
 *                                *
 * Licence: GPLv2                        *
 ****************************************************************/
 
/* Settings you might want to define */
    var waittime=800;        

/* Internal Variables & Stuff */
    document.getElementById("chatmsg");
    /*chatmsg.focus()*/
    document.getElementById("chatwindow").innerHTML = "chargement...";

    var xmlhttp = false;
    var xmlhttp2 = false;


/* Request for Reading the Chat Content */
function ajax_read(url) {
    if(window.XMLHttpRequest){
        xmlhttp=new XMLHttpRequest();
        if(xmlhttp.overrideMimeType){
            xmlhttp.overrideMimeType('text/xml');
        }
    } else if(window.ActiveXObject){
        try{
            xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try{
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e){
            }
        }
    }

    if(!xmlhttp) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }

    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState==4) {
        document.getElementById("chatwindow").innerHTML = xmlhttp.responseText;

        zeit = new Date(); 
        ms = (zeit.getHours() * 24 * 60 * 1000) + (zeit.getMinutes() * 60 * 1000) + (zeit.getSeconds() * 1000) + zeit.getMilliseconds(); 
        intUpdate = setTimeout("ajax_read('chat.txt?x=" + ms + "')", waittime)
        }
    }

    xmlhttp.open('GET',url,true);
    xmlhttp.send(null);
}

/* Request for Writing the Message */
function ajax_write(url){
    if(window.XMLHttpRequest){
        xmlhttp2=new XMLHttpRequest();
        if(xmlhttp2.overrideMimeType){
            xmlhttp2.overrideMimeType('text/xml');
        }
    } else if(window.ActiveXObject){
        try{
            xmlhttp2=new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            try{
                xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e){
            }
        }
    }

    if(!xmlhttp2) {
        alert('Giving up :( Cannot create an XMLHTTP instance');
        return false;
    }

    xmlhttp2.open('GET',url,true);
    xmlhttp2.send(null);
}

/* Submit the Message */
function submit_msg(){
    nick = document.getElementById("chatnick").value;
    msg = document.getElementById("chatmsg").value;

    if (nick == "") { 
        check = prompt("please enter username:"); 
        if (check === null) return 0; 
        if (check == "") check = "anonymous"; 
        document.getElementById("chatnick").value = check;
        nick = check;
    } 

    document.getElementById("chatmsg").value = "";
    ajax_write("chat.php?m=" + msg + "&n=" + nick);
}

/* Check if Enter is pressed */
function keyup(arg1) { 
    if (arg1 == 13) submit_msg(); 
}

/* Start the Requests! ;) */
var intUpdate = setTimeout("ajax_read('chat.txt')", waittime);

</script>

Dernière modification par billboc (29/01/2011 15:46:38)

ce matin ça ne marche plus ! j'ai du m'emmêler les pinceaux hier ...
bon je continue à chercher
merci pour votre aide
++

billboc a écrit:

alors pour le autoscroll vers le bas , j'ai placé en ligne 19 le code suivant

Code:

element = document.getElementById('chatwindow');
element.scrollTop = element.scrollHeight;

ça marche mais est-ce que c'est "propre " ?

merci pour tes lumières

++

salut,

alors si ça marche c'est déjà l'essentiel
après, est ce que c'est propre, pour moi oui puisque tu joues direct sur le dom, après il faut vérifier que cela fonctionne sur tous les navigateurs comme espéré, mais je ne pense pas qu'il y ait de souci.

par contre pour le code au dessus, les request font un peu vieillot, ne peux tu pas utiliser les fonctions ajax de jquery pour te simplifier la tâche ?

oui je ne suis pas clair

je n'arrive pas à trouver le bon code et le bon emplacement pour que la fenêtre de chat scroll automatiquement sur le dernier message affiché. pour le moment je suis obligé de jouer à chaque nouveau message avec l'ascenseur...

PS : sinon pour moi ton code php à l'air clean

salut,

alors le souci c'est que j'ai du mal à visualiser à la fois ton souci et ce que tu cherches à régler. aurais-tu une url où je puisse visualiser ta page de test ?

sinon, globalement pour le js, je te conseille plus d'utiliser jquery que de faire du js pur, cela te permet déjà d'éviter pas mal de soucis liés aux navigateurs hétérogènes.

ici, ta ligne veut dire que intElemScrollHeight est égal à la hauteur de ton élément ayant pour id : "id"
est ce que cela t'aide ?

non j'ai compris, dans ce cas, je testerais ça après le refresh :
ton_textarea.scrollTop = ton_textarea.scrollHeight;

colles ca dans une fonction et exécute ta fonction


edit > bah c'est ce que tu avais tenté au dessus !!! ben ça marche comme ça pourtant, peut être tu le déclenches pas comme il faut je sais pas trop.

Dernière modification par codegrabber (01/02/2011 09:28:35)