tchat jquery
Bonjour à tous !
J'essaie de faire un tchat en jquery mais lorsque je post mon message, il apparait une demi seconde puis disparait, je ne sais pas du tout d'où ca peut venir merci de votre aide !
Le code:
<script type="text/javascript">
$(document).ready(function(){
$("#message").focus();
$("#send").click(function(){
var msg = $("#message").val();
$("#message").val('');
$("#message").focus();
if(msg.length > 0){
$('<p></p>').html(msg).appendTo("#msg_val");
}
});
})
</script>
<h2>Espace de tchat</h2>
<h3>Les derniers messages</h3>
<div class="messages" id="msg_val"></div>
<div id="form_tchat">
<form method="post" class="form_tchat">
<label for="message">Votre message :</label><br /><br/>
<textarea id="message" maxlength="250" ></textarea>
<input type="submit" id="send" value="Envoyer" />
</form>
</div>
NicwalleIl faut rajouter un return false mais sache que le message disparaîtra lorsque la page sera actualisée.
Le 12/02/2016 à 10:20
Code corrigé:
$(document).ready(function(){
$("#message").focus();
$("#send").click(function(){
var msg = $("#message").val();
$("#message").val('');
$("#message").focus();
if(msg.length > 0){
$('<p></p>').html(msg).appendTo("#msg_val");
}
return false;
});
});
Pour faire un tchat, voici un tutoriel: https://youtu.be/-Tb1L27mZro?list=PLhSKJKxa2ifQNFeCnt6XsSldOfH44tync
jeanMerci beaucoup, j'ai eu une réponse sur le forum de grafikart, qui me disait que mon input submit actualisait la page (comme tu me l'as dit :) ) donc normal. Aha, merci pour ce chère tuto que j'ai déjà suivi et qui m'a bien appris !
Le 13/03/2016 à 21:00
Merci encore !
PS : Oui, ce n'est pas un vrai tchat :)