Friday, 12 May 2017

Create bootstrap alert in push notification page using nodejs

I have a page display information from mysql automatically using nodejs, how to make the text username or description is showing as bootstrap alert such as "alert alert-info".

<time></time>
<div id="container">Loading ...</div>
<script src="socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
// create a new websocket
var socket = io.connect('http://localhost:8000');
// on message received we print all the data inside the #container div
socket.on('notification', function (data) {
var usersList = "<dl>";
$.each(data.users,function(index,user){
                usersList += "<dt>" + user.user_name + "</dt>\n" +
                                                                 "<dd>" + user.user_description + "\n" + "</dd>";
});
usersList += "</dl>";
$('#container').html(usersList);

$('time').html('Last Update:' + data.time);
});

</script>


via rezap

No comments:

Post a Comment