MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Live chatting now shows up in the chat-history

Browse Source
This commit is contained in:
Lars van Hijfte
2017-01-18 14:34:15 +01:00
parent eb2a343d5f
commit 19f525d168
7 changed files with 132 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/public/chat.php
View File

@@ -5,7 +5,7 @@
<style>
@import url("styles/chat.css");
</style>
<script src="js/sendMessage.js"></script>
<script src="js/chat.js"></script>
</head>
<body>
<?php

50
website/public/js/chat.js Normal file
View File

@@ -0,0 +1,50 @@
$(document).ready(function() {
loadMessages();
});
function loadMessages() {
$.post(
"loadMessages.php",
$("#lastIDForm").serialize()
).done(function(data) {
if (data && data != "[]") {
console.log(data);
messages = JSON.parse(data);
addMessages(messages);
$("#lastID").val(messages[messages.length - 1].messageID);
}
});
setTimeout(loadMessages, 1000);
}
function sendMessage() {
console.log($("#sendMessageForm").serialize());
$.post(
"sendMessage.php",
$("#sendMessageForm").serialize()
).done(function( data ) {
console.log(data);
});
$("#newContent").val("");
}
function addMessages(messages) {
for(i in messages) {
if (messages[i].origin == 2) {
type = "chat-message-self";
} else {
type = "chat-message-other";
}
$("#chat-history").append('\
<div class="chat-message"> \
<div class="' + type + '">\
' + messages[i].content + '\
</div> \
</div>\
');
}
}

14
website/public/js/sendMessage.js
View File

@@ -1,14 +0,0 @@
// $("#sendMessageForm").submit(function(e) {
function sendMessage() {
console.log($("#sendMessageForm").serialize());
$.post(
"sendMessage.php",
$("#sendMessageForm").serialize()
).done(function( data ) {
alert( "Data Loaded: " + data );
});
}
function loadMessages() {
}

2
website/public/sendMessage.php
View File

@@ -5,7 +5,7 @@ include_once("../queries/private_message.php");
if (isset($_POST["destination"]) &&
isset($_POST["content"])) {
if (sendMessage($db, $_POST["destination"], $_POST["content"])) {
if (sendMessage($_POST["destination"], $_POST["content"])) {
echo $_POST["content"] . " is naar " . $_POST["destination"] . " gestuurd";
} else {
echo "YOU FAILED!!!";