FIxed issue with scrolling though messages

This commit is contained in:
Balazs Toldi 2019-11-28 20:12:25 +01:00
parent ff823fb250
commit 9e3323da3f
2 changed files with 10 additions and 2 deletions

View file

@ -11,6 +11,7 @@ function encodeQueryData(data) {
ret.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]));
return ret.join('&');
}
var scrollDown = true;
function submitForm() {
var formElement = document.forms.namedItem("sendmsg")
@ -71,5 +72,12 @@ function loadMessages(arr) {
out += "<div id='endl'></div>";
var elem = document.getElementById("msgs");
elem.innerHTML = out;
document.getElementById('endl').scrollIntoView();
if(scrollDown)document.getElementById('endl').scrollIntoView();
}
function scroller () {
var e = document.getElementById("msgs");
if(e.scrollTop + 1 >= (e.scrollHeight-e.offsetHeight) )
scrollDown = true;
else scrollDown = false;
}

View file

@ -360,7 +360,7 @@ static void webio_getPeerPage(WebIO wio, char *id, char *outputBuffer) {
char *nickname = (online) ? wio.list->array[peer_ID_getPeer(*wio.list, id)].peerData.nick : "";
sprintf(content, "%s\n"
"<h1>%s%s %s</h1>\n"
"<div id=\"msgs\" class=\"msg-box\" style=\"margin-bottom:5em;\"></div>\n"
"<div id=\"msgs\" class=\"msg-box\" style=\"margin-bottom:5em;\" onscroll=\"scroller()\"></div>\n"
"<div id=\"end\"></div>\n"
" <form name=\"sendmsg\" class=\"form-inline\" style=\"margin: 7px;padding: 7px;position: fixed;bottom: 0;width: 100%%;\">"
"<textarea name=\"message\" id=\"message\" class=\"form-control\" style=\"width: 90%%;display: block;\" %s></textarea>"