Skip to content
Snippets Groups Projects
Commit 43046b97 authored by aurelien's avatar aurelien
Browse files

légère amélioration chat

parent 02d9cd11
No related branches found
No related tags found
No related merge requests found
......@@ -8,3 +8,18 @@
{"date": "09/05/20", "time": "11:49", "user": "azerty", "msg": "bonjour"}
{"date": "09/05/20", "time": "11:49", "user": "azerty", "msg": "bonjour"}
{"date": "14/05/20", "time": "14:58", "user": "azerty", "msg": "Message"}
{"date": "15/05/20", "time": "14:57", "user": "azerty", "msg": "bla bla bla\r\n"}
{"date": "15/05/20", "time": "16:24", "user": "azerty", "msg": "bla bla bla\r\n"}
{"date": "15/05/20", "time": "16:26", "user": "azerty", "msg": "bla bla bla\r\n"}
{"date": "15/05/20", "time": "16:29", "user": "azerty", "msg": "bla bla bla\r\n"}
{"date": "15/05/20", "time": "16:31", "user": "azerty", "msg": "bla bla bla\r\n"}
{"date": "15/05/20", "time": "18:11", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:25", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:26", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:26", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:35", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:36", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:36", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:37", "user": "azerty", "msg": "bla bla"}
{"date": "15/05/20", "time": "18:37", "user": "azerty", "msg": "test"}
{"date": "15/05/20", "time": "18:38", "user": "azerty", "msg": "test"}
$(function(){
$("#form").on("submit", function(e){
$("#conversation-form").on("submit", function(e){
e.preventDefault();
$.ajax({
type:"POST",
url:"../htbin/chatsend.py",
data:{msg:$("#msg").val()},
$.post("../htbin/chatsend.py", {msg:$("#msg").val()},
success:function(){
$.getJSON("../htbin/chatget.py", function(data){
var $domFragment = $(document.createDocumentFragment());
$.each(data, function(index, value) {
$domFragment.append("<p>" + value.date + " à " + value.time + " <strong>Nom:</strong> " + value.user + "</p>" + "<p>" + value.msg + "</p>");
});
$("#conversation").html($domFragment);
});
},
error:function(e){alert(e);}
});
error:function(e){
alert(e);
}
);
}
});
\ No newline at end of file
......@@ -30,14 +30,20 @@
<div id="conversation"></div>
<h2>Ecrire un message</h2>
<form method="post" action="../htbin/chatsend.py" id="conversation-form">
<p>
<label for="username">Nom d'utilisateur</label> :
<input type="text" name="username" id="username" placeholder="Pseudo">
</p>
<p>
<label for="msg">Message</label><br />
<textarea name="msg" id="msg" placeholder="Message" rows="5" cols="80"></textarea>
</p>
<p>
<input class="button" type="submit" value="Poster">
<input class="button" type="reset" value="Annuler">
<input class="button" type="submit" value="Poster" id="submit">
<input class="button" type="reset" value="Annuler" id="reset">
</p>
</form>
<script type="text/javascript" src="chat.js"></script>
......
......@@ -25,7 +25,7 @@
<main>
<article><h2>Chevalier de la Garde Noire Ikaël de Kraywein</h2>
<figure>
<img class="img-perso" alt="image_ikael" src="Images/ikael.png" />
<img class="img-perso" alt="Sir Ikaël de Kraywein" src="Images/ikael.png" />
<figcaption class="character-name">Sir Ikaël de Kraywein</figcaption>
</figure>
......@@ -69,7 +69,7 @@
</TR>
<TR>
<TH> Description Physique </TH>
<TD> musculature bien développés </TD>
<TD> musculature bien développée </TD>
</TR>
<TR>
<TH> Caractèristiques faciales </TH>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment