# sendMessageToPage(會話頁面插入發送的消息) ``` // 會話頁面插入發送的消息 function sendMessageToPage(data){ var myUserid = user.id; var html = ''; html += '<div class="aui-chat-sender" id="message-' + data.msgId + '">'; html += '<div class="aui-chat-sender-avatar" tapmode onclick="weiboUserIntroduce('+ myUserid +')" ><img src="' + myAvatar + '"></div>'; html += '<div class="aui-chat-sender-cont">'; html += '<div class="aui-chat-right-triangle"></div>'; switch (data.msgType) { //文字消息 case '1': html += '<div class="aui-chat-status" id="messageStatus-' + data.msgId + '" ><i class="aui-iconfont aui-icon-loading aui-chat-progress"></i></div>'; html += '<span>' + transText(data.content) + '</span>'; break; //圖片消息 case '2': html += '<div class="aui-chat-status chat-img" id="messageStatus-' + data.msgId + '"><i class="aui-iconfont aui-icon-loading aui-chat-progress"></i></div>'; html += '<span class="aui-chat-img" onclick = "photoBrowser(\''+ data.content +'\')" ><img src="' + data.content + '" /></span>'; break; //語音消息 case '3': // data.content = JSON.parse(data.content); //alert(JSON.stringify(ret.value.message.content)); html += '<div class="aui-chat-status" >' + data.content.duration + 's</div>'; html += '<span tapmode onclick="playVoice(\'' + data.content.path + '\',\'' + data.msgId + '\',\'' + data.content.duration + '\')"><i class="aui-iconfont aui-icon-sound" id="messageVoice-' + data.msgId + '"></i></span>'; break; //圖文消息 case '4': html += '<span>[圖文消息]</span>'; break; //位置消息 case '5': html += '<span class="aui-chat-img"><img src="http://api.map.baidu.com/staticimage?center=' + data.longitude + ',' + data.latitude + '&width=300&height=180&zoom=15&copyright=1" /></span>'; html += '<p>' + data.poi + '</p>'; break; } html += '</div>'; html += '</div>'; $api.append($api.byId("messageList"), html); api.parseTapmode(); window.scrollTo(0, $api.offset($api.byId("messageList")).h); // 發送監聽到 api.sendEvent({ name: 'backSendMessage', extra:{ data:{ msgType : data.msgType, to : data.to, from : data.from, content : data.content, time : data.time, msgId :data.msgId }} }); } ```