i have 2 functions
1- addMessage(): save data into database and is called only on click .
2-updateMessage():get data with ajax from database, called when document is ready ,called every 3 seconds for new data, and called on success of addMessage().
function updateMessage()
{
$.ajax({
url:"db.php",
type:"post",
dataType:"text/xml",
success:function(data)
{
$(data).find("message").each(function() {
var msg_id = $(this).find("msg_id").text();
var date_time = $(this).find("date_time").text();
var from_user = $(this).find("from_user").text();
var from_group = $(this).find("from_group").text();
var to_user = $(this).find("to_user").text();
var to_group = $(this).find("to_group").text();
var msg_type = $(this).find("msg_type").text();
var msg = $(this).find("msg").text();
var grp_abr = $(this).find("grp_abr").text();
var html = "<tr class='blue'>";
html += "<td><a href='#' class='bullet' onclick='changeStatus(\""+msg_id+"\")'><\/a><\/td>";
html += "<td><a href='#' class='reply' onclick='reply(\""+from_user+"\");'><\/a><\/td>";
html += "<td>"+date_time+"<\/td>";
html += "<td>"+from_user+"["+from_group+"]"+"<\/td>";
html += "<td>"+to_user+"["+to_group+"]"+"<\/td>";
html += "<td><a href='#' class="+msg_type+"><\/a><\/td>";
html += "<td><a href='#' class='flag_msg' onclick='flagMsg("+msg_id+")'><\/a><\/td>";
html += "<td>"+msg_id+msg+"<\/td>";
html += "<td>"+grp_abr+"<\/td><\/tr>";
});
}
});
setTimeout('updateMessage()',3000);
}
Now the data retrieved i want to add to different tabs with different names and different containers, how would i do that. My question isn't a matter of code, it is more about logic or sequence of steps.
Any help please.
