<script src="js/messenger.js"></script> <!-- online table --> <div class="panel panel-primary"> <div class="panel-heading"> <span class="glyphicon glyphicon-heart"></span> Freunde </div> <div class="panel-body" style="max-height: 15em"> <table class="table table-hover"> <tbody id="friend_list_body"> <!-- friend list will appear here --> </tbody> </table> </div> </div> <!-- end online table --> <!-- chat --> <div class=""> <div class=""> <div class=""> <div class="panel panel-primary"> <div class="panel-heading" id="accordion"> <span class="glyphicon glyphicon-comment"></span> Chat <div class="btn-group pull-right"> <a type="button" class="btn btn-default btn-xs" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> <span class="glyphicon glyphicon-chevron-down"></span> </a> </div> </div> <div class="panel-collapse collapse" id="collapseOne"> <div class="panel-body" id="chat-scroll-area"> <ul class="chat" id="chat-log-area"> <!-- chat messages will appear here --> <div class="jumbotron text-center"> Bitte erst einen Freund zum chatten auswählen! </div> </ul> </div> <div class="panel-footer"> <div class="input-group"> <input id="chat-input" type="text" class="form-control input-sm" placeholder="Geben Sie eine Nachricht ein ..." /> <span class="input-group-btn"> <button class="btn btn-warning btn-sm" id="btn-chat" onclick="sendMessage();"> <span class="glyphicon glyphicon-send"></span> Senden</button> </span> </div> </div> </div> </div> </div> </div> </div>