16.06.2025, 14:12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Event log</title>
<script src="/user/jquery.js.gz"></script>
<link rel="stylesheet" href="/user/bootstrap.css">
</head>
<body>
<script>
$(function() {
var items = ["Mon 16\/06\/2025 14:43:45 7","Mon 16\/06\/2025 14:12:39 239","Mon 16\/06\/2025 14:12:30 150"]
, container = $('.container')
, header;
$.each(items, function(index, item) {
var chunks = item.split(' ')
, newheader = chunks.shift() + ' ' + chunks.shift();
// output data header each time it changes
if (newheader != header) {
header = newheader;
$('<h3></h3>').text(header).appendTo(container);
}
// output log entry
$('<p></p>').text(chunks.join(' ')).appendTo(container);
});
});
</script>
<div class="container"></div>
</body>
</html>