IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

Chat ajax pdo


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut Chat ajax pdo
    Bonjour quand je clique pour envoyer le message dans ma base de donnée cela ne fonction pas? une idée svp

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
      <script type="text/javascript">
    //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;
    } 
     
    // Cette fonction permet l'envoi des données vers minichat.php
    function submitChat()
    {
    	var xhr = getXMLHttpRequest();
    	// on récupère la valeur de nos champs input via leurs id et on les encode (encodeURIComponent)
    	var pseudo = encodeURIComponent(document.getElementById('pseudo').value);
    	var message = encodeURIComponent(document.getElementById('messtext').value);
    	document.getElementById('messtext').value = ""; // On efface le message dans la textarea
     
    	xhr.onreadystatechange = function() {
    		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
    			// Remplissage des données textuelles récupérées
    			document.getElementById('conversation').innerHTML = xhr.responseText;
    		}
    	};
     
    	xhr.open("POST", "Tchat_user.php", true); // On ouvre une connexion en méthode POST vers minichat.php
    	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // permet l'encodage des POST
    	xhr.send("pseudo="+pseudo+"&messtext="+messtext); // On définit nos variables et leurs valeurs
    	// par exemple pseudo=Aure77&message=Coucou
    }
    //Fonction permettant de rafraichir le div "conversation"
    function refresh()
    {
    var xhr = objet_XMLHttpRequest();
    xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200){
    document.getElementById("conversation").innerHTML = xhr.responseText;
    }
    }; 
    	xhr.open("GET", "Tchat_user.php", true); // On ouvre une connexion en méthode GET vers minichat.php 
    	xhr.send(null); // On envoie
    }
    //On lance la fonction toute les secondes
    setInterval("refresh()", 3000);
    </script>        
    <?PHP
     
          echo '<style type="text/css">
          #conversation {
            width: 670px;
            height: 300px;
            border: black 1px solid;
    		background-color:#FFFFFF;
            overflow-x: hidden;
            overflow-y: scroll; 
            padding: 5px;
            margin-left: 10px;
          }
          fieldset {
            width: 700px;
    		margin-left: 10px;
    		background-color:#FEEBFD;
            border: black 1px solid;
          }    
        </style>';      
     
     
       $htmlData = '';
       if (!empty($_POST['messtext'])) {
          if (get_magic_quotes_gpc()) {
             $htmlData = stripslashes($_POST['messtext']);
          } else {
             $htmlData = $_POST['messtext'];
          }
       }
     
    ?>
          <script charset="utf-8" src="kindeditor-min.js"></script>
          <script charset="utf-8" src="lang/zh_CN.js"></script>
          <script>
             var editor;
             KindEditor.ready(function(K) {
                editor = K.create('textarea[name="messtext"]', {
                   resizeType : 1,
                   allowPreviewEmoticons : false,
                   allowImageUpload : false,
                   items : ['forecolor', 'hilitecolor', 'bold', 'italic','|', 'emoticons', 'link']
                });
             });
          </script>  
     
       <fieldset>
         <legend><h1>Tchat</h1></legend>
         <div id="conversation"></div><br />
          <form method="post" id="monform">
            <input type="hidden" id="pseudo" value="<?PHP echo $_SESSION['xxxx']; ?>">
            <?php echo $htmlData; ?>
            <textarea  id="messtext" name="messtext" style="width:600px;height:20px;">
          <?php echo htmlspecialchars($htmlData); ?></textarea>
            <input type="button" value="Envoyer" onclick="submitChat()"><br /><br />
          </form>
        </fieldset>

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    ...cela ne fonction pas?
    mais encore...
    ...une idée svp
    oui décris nous plus précisément le soucis !

    Nota : pas regardé le code !

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Je reviens après avoir parcouru ton code
    • ligne 37 : var xhr = getXMLHttpRequest(); on ne trouve nulle part la déclaration de la fonction
    • ligne 58 : var xhr = objet_XMLHttpRequest(); on trouve bien, ligne 3, la déclaration de la fonction

  4. #4
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    bonjour je ne comprends pas ce que tu veux me dire avec la déclaration de la fonction j'ai pris le script sur un tutoriel pour plus de faciliter, car moi et jquery où Ajax je suis null et me débrouille en Php, pdo, mysql

    Une petite aide serait le bienvenue ;-)

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    tu n'es pas sans savoir qu'il ne suffit pas de balancer du code et de dire "ça ne fonction(ne) pas", "une idée ?" pour qu'on trouve les réponses à ta place.

    Un minimum de "coopération" t'es demandé.
    Par exemple : ton code n'est même pas indenté ! (et plusieurs blocs [ CODE ]...[ \CODE ] en faciliterait aussi la lecture...)

    Un minimum de tentatives de débogage personnel aussi.
    Mettre des alert('.....'); dans le code JavaScript pour voir si ça s'affiche permet déjà de savoir si le code s'exécute ou pas.

    Bref : on veut bien t'aider, mais il ne faut pas pousser mémé* dans les orties...

    Une idée ??


    * surtout depuis qu'elle prend des cours de free-fight...
    Dernière modification par Invité ; 14/02/2016 à 11h46.

  6. #6
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    Bonjour,

    J'ai repris tout mais toujours rien :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $(document).ready( function () { 
    	$("#connexion_chat").submit( function() {	// à la soumission du formulaire						 
    		$.ajax({ // fonction permettant de faire de l'ajax
    		   type: "POST", // methode de transmission des données au fichier php
    		   url: "post.php", // url du fichier php
    		   data: "usermsg="+$("#usermsg").val()+"&message="+$("#message").val(), // données à transmettre
    		});
    		return false; // permet de rester sur la même page à la soumission du formulaire
    	});
    Et le code html :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <form name="connexion_chat" id="connexion_chat" action="#">
        <span id="erreur"></span>
        <input name="usermsg" type="hidden" id="usermsg" value="<?php echo $_SESSION['pseudo_chat']; ?>" size="63" />
        <input name="message" type="text" id="message" size="63" />
        <input name="submitmsg" type="submit"  id="submitmsg" value="Send" />
    </form>

    Je cherche.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] chat ajax blueimp phpbb3
    Par portu69 dans le forum AJAX
    Réponses: 0
    Dernier message: 17/11/2009, 12h14
  2. [AJAX] chat ajax sur phpbb3
    Par portu69 dans le forum AJAX
    Réponses: 0
    Dernier message: 28/09/2009, 10h39
  3. [AJAX] Chat Ajax tout comme tchatche.com
    Par IKATI dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/09/2007, 18h30
  4. [AJAX] Chat AJAX, ou chat FLASH ?
    Par Pepito2030 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 15/01/2007, 12h03
  5. [chat][AJAX]complexité?
    Par hansaplast dans le forum Général JavaScript
    Réponses: 23
    Dernier message: 27/02/2006, 08h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo