[Résolu] Aide tchat ajax

Question

MasterVG

28 Jul 2013 à 15:35

bonjour !

Je suis débutant dans le domaine, j'ai une page php, si un utilisateur entre son pseudo il se redirigera vers le chat, dans le chat j'ai mis du javascript(ajax) afin d'avoir une actualisation toute les 2secs et de voir les message défiler tout marche bien sauf que la page du chat me met une autre input identique qui s'actualise, si quelqu'un pouvait m'eclairer je suis un peu perdu Smiley confus

je sais que le code n'est pas super ^^'

connexionchat.php (entrer pseudo)

<?php
session_start();
if(isset($_SESSION['pseudo'])){
  header('location: minichat.php');
}?>
		<form action="minichat_post.php" method="POST">
			<div class="pseudo">
					
				<label for="pseudo">Veuillez entrer votre Pseudo pour accéder au chat</label> : <input type="text" name="pseudo" id="pseudo" required='required' style="width:200px; height:17px; background:none repeat scroll 0% 0% rgba(255, 255, 255, 0.9); border:2px solid rgb(204, 204, 204); "/>
				<input type="submit" value="Entrer dans le chat">
				
			</div>
		</form>

minichat.php (chat)

<?php
// On démarre la session AVANT d'écrire du code HTML
session_start();
if(!isset($_SESSION['pseudo'])){
$_SESSION['pseudo'] = $_POST['pseudo'];
}?> 
<script type="text/javascript" src="minichat_test.js"></script>
</head>
<body onload='timer()'>	
    <form action="minichat_post.php" method="POST">
        
	<div id="cadre">
				<div class="deco">
					<a href="deconnexion.php">Se deconnecter</a>
				</div>
					<div class="connect">
						<?php echo 'Vous êtes connecté(e) sur le chat en tant que : <font COLOR="BLUE">' . $_SESSION['pseudo'] . '</font><br />';?>
					</div>
				<label for="message">Message</label> :  <input type="text" name="message" id="message"  style="width:400px; height:17px; background:none repeat scroll 0% 0% rgba(255, 255, 255, 0.9); border:2px solid rgb(204, 204, 204);"/>
					
			<input type="submit" value="Envoyer" onclick='timer()'><br />
	</div>
<div id="cadrer">
<?php
// Connexion à la base de données
try
{
    $bdd = new PDO('mysql:host=localhost;dbname=test', '****', '*****');
}
catch(Exception $e)
{
        die('Erreur : '.$e->getMessage());
}
// Récupération des 10 derniers messages
$reponse = $bdd->query('SELECT date, pseudo, message FROM minichat ORDER BY DATE DESC LIMIT 0, 10');
// Affichage de chaque message (toutes les données sont protégées par htmlspecialchars)
while ($donnees = $reponse->fetch())
{
    echo '<p><strong>[' . htmlspecialchars($donnees['date']) . ']<strong><FONT COLOR="red">[' . htmlspecialchars($donnees['pseudo']) . ']</font></strong>:<div style="word-wrap: break-word;text-align:auto;">' . htmlspecialchars($donnees['message']) . '</div>';
}

$reponse->closeCursor();
 
?>
</div>

minichat_test.js(actualisation)

function timer()
{
comp=(setTimeout("go()",2000));
}
function getXhr(){
                var xhr = null;
            if(window.XMLHttpRequest) // Firefox et autres
               xhr = new XMLHttpRequest();
            else if(window.ActiveXObject){ // Internet Explorer
               try {
                         xhr = new ActiveXObject("Msxml2.XMLHTTP");
                     } catch (e) {
                         xhr = new ActiveXObject("Microsoft.XMLHTTP");
                     }
            }
            else { // XMLHttpRequest non supporté par le navigateur
               alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
               xhr = false;
            }
                                return xhr
         }

function go()
{
   var xhr = getXhr()
   // On défini ce qu'on va faire quand on aura la réponse
   xhr.onreadystatechange = function()
      {
         // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
            if(xhr.readyState == 4 && xhr.status == 200)
               {
                  var html = xhr.responseText;
                  document.getElementById('cadrer').innerHTML = html;
               }
      }
   xhr.open("GET","minichat.php",true);
   xhr.send(null);
   setTimeout('go()',2000);
}

voilà, merci d'avance.

MasterVG

29 Jul 2013 à 12:25

Problème résolu il fallait que je mettes

<?php
// Connexion à la base de données
try
{
    $bdd = new PDO('mysql:host=localhost;dbname=test', '****', '*****');
}
catch(Exception $e)
{
        die('Erreur : '.$e->getMessage());
}
// Récupération des 10 derniers messages
$reponse = $bdd->query('SELECT date, pseudo, message FROM minichat ORDER BY DATE DESC LIMIT 0, 10');
// Affichage de chaque message (toutes les données sont protégées par htmlspecialchars)
while ($donnees = $reponse->fetch())
{
    echo '<p><strong>[' . htmlspecialchars($donnees['date']) . ']<strong><FONT COLOR="red">[' . htmlspecialchars($donnees['pseudo']) . ']</font></strong>:<div style="word-wrap: break-word;text-align:auto;">' . htmlspecialchars($donnees['message']) . '</div>';
}

$reponse->closeCursor();
 
?>

a part

Sujet clos