Javascript弹出式聊天，如facebook

我想做一个弹出式聊天像facebook，但我不能把php代码的javascript。。。我在网上找到了js聊天代码（是的，我是一个脚本小子哈哈），现在我想在弹出窗口中显示消息。我希望在弹出窗口中显示来自我的数据库的消息。我计划使用PHP和MySQL，但我无法插入PHP代码，特别是在：

var element = '<div class="popup-box chat-popup" id="'+ id +'">';
element = element + '<div class="popup-head">';
element = element + '<div class="popup-head-left">'+ name +'</div>';
element = element + '<div class="popup-head-right"><a href="javascript:close_popup(\''+ id +'\');">&#10005;</a></div>';
element = element + '<div style="clear: both"></div></div><div class="popup-messages">I WANT TO PUT THE CODE HERE</div></div>';

var元素=“”；
元素=元素+“”；
元素=元素+“”+名称+“”；
元素=元素+“”；
element=element+‘我想把代码放在这里’；

有人知道怎么做？我想可以创建一个变量“text”，它调用php，但实际上并不喜欢。有谁能帮我吗我最近开始在这个。。。对不起，如果我表达不好，我不会说那么多英语…

这是错误的

var element = '<div class="popup-box chat-popup" id="'+ id +'">';
element = element + '<div class="popup-head">';
element = element + '<div class="popup-head-left">'+ name +'</div>';
element = element + '<div class="popup-head-right"><a href="javascript:close_popup(\''+ id +'\');">&#10005;</a></div>';
element = element + '<div style="clear: both"></div></div><div class="popup-messages">I WANT TO PUT THE CODE HERE</div></div>';

var元素=“”；
元素=元素+“”；
元素=元素+“”+名称+“”；
元素=元素+“”；
element=element+‘我想把代码放在这里’；

您需要为您的元素执行以下操作：

var element = '<div class="popup-box chat-popup" id="'+ id +'">';
element += '<div class="popup-head">';
element += '<div class="popup-head-left">'+ name +'</div>';
element += '<div class="popup-head-right"><a href="javascript:close_popup(\''+ id +'\');">&#10005;</a></div>';
element += '<div style="clear: both"></div></div><div>; class="popup-messages" id="popup-message"></div></div>';

var元素=“”；
元素+=''；
元素+=''+名称+''；
元素+=''；
元素+='；class=“弹出消息”id=“弹出消息”>”；

注意：这是一个如何将数据连接到变量的示例，而不是弹出窗口的工作示例。我希望你能从这里继续下去