intégrer logiciel chat PHP/MYSQL sur un site

Version imprimable

Voir 40 message(s) de cette discussion en une page

07/01/2014, 19h49
NoSmoking

Citation:

Toute la page s'actualise quand je clic.

reprend le post#14 et ta solution post#15 ;)
07/01/2014, 20h10
lostsoul

Merci ;-)
Mais, quand un truc marche, un autre ne marche plus.
La mon soucis, c'était que je n'arrivais pas à afficher la réponse du bot. Je ne comprends pas pourquoi.
Le message tapé par l'utilisateur s'affiche bien lui, sans rechargement.

J'ai repris le code des posts 14 et 15, mais je n'arrive tjs pas à afficher la réponse du bot.
Je ne comprends pas pourquoi.
La div se recharge bien, le texte de l'utilisateur s'affiche, il manque uniquement la réponse...

Je pense que je fais une erreur entre le formulaire et le JS.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
function refresh() {
$.ajax({
    url: "./traitement4.php",
    success:
        function(retour){
        $("#response").html(retour); 
    }
});
 
}
setInterval("refresh()", 1000)
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript" >
     $(document).ready(function() {
        $('#talkform').submit(function(e) {
          e.preventDefault();
          user = $('#say').val();
          $('.usersay').text(user);
          formdata = $("#talkform").serialize();
          $('#say').val('')
          $('#say').focus();
          $.post('<?php echo $url ?>', formdata, function(data){
            var b = data.botsay;
            var usersay = data.usersay;
            if (user != usersay) $('.usersay').text(usersay);
            $('.botsay').html(b);
          }, 'json');
          return false;
        });
      });
    </script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div id="chat">
 
<p>Le site : </p>
<div class="bot"> </div><br>
<p>Le visiteur : </p>
<div class="usersay"> </div><br>
 
    <img src="live.png">
    <form accept-charset="utf-8" id="talkform" method="get" action="<?php echo $_SERVER['PHP_SELF'] ?>">
      <p>
        <input type="text" name="say" id="say" />
        <input id="bot_id" type="hidden" name="bot_id" value="<?php echo $bot_id ?>">
        <input id="convo_id" type="hidden" name="convo_id" value="<?php echo $convo_id ?>">
        <input id="format" type="hidden" name="format" value="xml">
        <input type="submit" value="Parler" OnClick="refresh()"/>
      </p>
    </form>
</div>

10/01/2014, 12h12
NoSmoking
Citation:

La div se recharge bien, le texte de l'utilisateur s'affiche...

ceci est normal car demandé sur ces lignes
Code:

1 2 user = $('#say').val(); $('.usersay').text(user);
Citation:

..., il manque uniquement la réponse...

vérifie au pas par pas que tu reçois bien ce que tu envoies et que ce que tu retournes correspond à ce que tu attends.

Toujours pas compris pourquoi tu utilises 2 fonctions d'envoi ?
10/01/2014, 13h37
lostsoul
Je viens d'y passer encore un bon moment, mais rien à faire, je n'arrive pas à afficher la réponse du bot. J'ai pensé à un soucis de communication entre les données récupérées et envoyées par le fichier bot au fichier traitement, mais je ne sais pas comment faire pour tester cela.

Pour les 2 fonctions d'envoi, pas réfléchis à ça. Je viens de remplacer ça :
Code:

1 2 <input type="submit" value="Parler" OnClick="refresh()"/>
Par cela :
Code:

1 2 <button id="envoi">Parler</button>
Je suppose que c'est mieux ? Comme cela, il n'y a plus que la fonction d'envoi du JS, et plus celle du formulaire HTML.
10/01/2014, 15h52
NoSmoking

Citation:

J'ai pensé à un soucis de communication entre les données récupérées et envoyées par le fichier bot au fichier traitement, mais je ne sais pas comment faire pour tester cela.

ceci est donc bien à traiter coté SERVEUR, dirige toi plutôt vers le forum PHP ;)

Le remplacement d'un INPUT type="submit" par un BUTTON ne changera rien les BUTTON étant de type submit par défaut à l'intérieur d'une FORM.
10/01/2014, 17h06
lostsoul

J'ai mis un post sur le forum PHP, on va voir.

Par contre, pour le submit, je ne sais pas trop comment l'enlever alors. Il faut bien un bouton ou quelque chose dans la form pour valider l'entrée de l'utilisateur.
11/01/2014, 08h46
NoSmoking

:arf:
je m'en veux de ne pas avoir regardé le site avant de commencer cette discussion et surtout la page exemple http://demo.program-o.com/b0tco/, il suffit de faire un copier/coller de la source.

J'en viens à me poser une autre question, as tu bien suivi scrupuleusement la documentation d'installation http://blog.program-o.com/documentation-v2/ ?
11/01/2014, 10h10
lostsoul

Comment ça un copier / coller de la source ? On ne sait pas quel fichier PHP il utilise.
Je viens d'essayer quand même, j'ai fais un simple copier / coller de la source en exemple (et modifié juste pour jQuery et le nom du fichier PHP) mais je n'ai pas de réponse qui s'affiche. De plus le dev m'avait dit qu'il y avait peut-être une erreur de lien dans le fichier PHP (avec l'API).

Oui, j'ai suivi la doc il me semble.

Voir 40 message(s) de cette discussion en une page