Dear sir/madam
i am using jquery ui chatbox api and its workign fine but i want to generte new chatbox on button click.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="http://reason.cs.illinois.edu/wenpu1/css/jquery.ui.chatbox.css" rel="stylesheet" />
<script type="text/javascript" src="http://reason.cs.illinois.edu/wenpu1/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://reason.cs.illinois.edu/wenpu1/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="http://reason.cs.illinois.edu/wenpu1/js/chatboxManager.js"></script>
<script type="text/javascript" src="http://reason.cs.illinois.edu/wenpu1/js/jquery.ui.chatbox.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var box = null;
$("input[type=button]").click(function (event, ui) {
if (box) {
box.chatbox("option", "boxManager").toggleBox();
}
else {
box = $("#chat_div").chatbox({
id: "chat_div",
user: { key: "value" },
title: "test chat",
messageSent: function (id, user, msg) {
alert(id);
$("#log").append(id + " said: " + msg + "<br/>");
$("#chat_div").chatbox("option", "boxManager").addMsg(id, msg);
}
});
}
});
});
</script>
</head>
<body>
<input type="button" value="toggle" />
<div id="chat_div">
</div>
<hr />
<div id="log">
</div>
</body>
</html>