i have this template code:
<script type="text/javascript">
$(function(){
//submit new messages when the user hits enter if the message isnt blank
now.receiveMessage = function(name, message, messagetime){
$("#messages").append(
'<li class="message"><div class="sent"><a href="${path}"><img src="${gravatar}" alt="name" width="24px" height="24px" /></a><div class="display-name">'+messagetime+'<div class="body">'+ message +'</div></div></div></li>');
}
$("#text-input").keypress(function (e) {
if (e.keyCode != 13 /* Return */) return;
now.distributeMessage($("#text-input").val());
$("#text-input").attr("value", ""); // clear the entry field.
});
$("#send-button").click(function(){
now.distributeMessage($("#text-input").val());
$("#text-input").val("");
});
now.name = "${user}";
});
</script>
<div id="chat_window">
<div id="chat_title"><h2>Simple Chat</h2></div>
<div id="chat_container" style="display: block">
<div id="chat">
<ul id="messages">
<li class="message notice" id="no_one_there">
Fix me, if there are no users!
</li>
</ul>
</div>
</div>
<div id="chat-form">
<input type="text" id="text-input" />
<input type="button" value="Send" id="send-button" />
</div>
</div>
and this CSS
div#chat {
width:100%;
height:100px;
overflow:scroll;
}
basically it is a chat window, but i am have a block in that i can’t seem to figure out how to align the
thanks
You just need to
And complete code is here.