☰

Tieba Chat

Tieba Chat | 这是一个实现在网页端使用贴吧客户端聊天功能的脚本。通过该脚本，您可以与使用贴吧客户端的好友聊天

目前为 2014-05-20 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        Tieba Chat
  3. // @namespace   http://ext.ccloli.com
  4. // @version     1.0
  5. // @description Tieba Chat | 这是一个实现在网页端使用贴吧客户端聊天功能的脚本。通过该脚本，您可以与使用贴吧客户端的好友聊天
  6. // @match       http://tieba.baidu.com/*
  7. // @include     http://tieba.baidu.com/*
  8. // @author      864907600cc
  9. // @icon        http://1.gravatar.com/avatar/147834caf9ccb0a66b2505c753747867
  10. // @run-at      document-end
  11. // @grant       none
  12. // ==/UserScript==
  13.  
  14. // 本脚本基于 GPLv3 协议开源 http://www.gnu.org/licenses/gpl.html‎
  15. // (c) 86497600cc. Some Rights Reserved.
  16.  
  17.  
  18. var hex_md5 = (function(g,k){function l(a){return n(m(o(a)))};function m(a){return h(j(p(a),a.length*8))};function n(e){try{}catch(a){g=0};var b=g?'0123456789ABCDEF':'0123456789abcdef';var c='';var d;for(var a=0;a<e.length;a++)d=e.charCodeAt(a),c+=b.charAt(d>>>4&15)+b.charAt(d&15);return c};function o(d){var b='';var c=-1;var a,e;while(++c<d.length)a=d.charCodeAt(c),e=c+1<d.length?d.charCodeAt(c+1):0,55296<=a&&a<=56319&&56320<=e&&e<=57343&&(a=65536+((a&1023)<<10)+(e&1023),c++),a<=127?b+=String.fromCharCode(a):a<=2047?b+=String.fromCharCode(192|a>>>6&31,128|a&63):a<=65535?b+=String.fromCharCode(224|a>>>12&15,128|a>>>6&63,128|a&63):a<=2097151&&(b+=String.fromCharCode(240|a>>>18&7,128|a>>>12&63,128|a>>>6&63,128|a&63));return b};function p(c){var b=Array(c.length>>2);for(var a=0;a<b.length;a++)b[a]=0;for(var a=0;a<c.length*8;a+=8)b[a>>5]|=(c.charCodeAt(a/8)&255)<<a%32;return b};function h(c){var b='';for(var a=0;a<c.length*32;a+=8)b+=String.fromCharCode(c[a>>5]>>>a%32&255);return b};function j(j,l){j[l>>5]|=128<<l%32,j[(l+64>>>9<<4)+14]=l;var g=1732584193;var h=-271733879;var i=-1732584194;var f=271733878;for(var k=0;k<j.length;k+=16){var n=g;var o=h;var p=i;var m=f;g=a(g,h,i,f,j[k+0],7,-680876936),f=a(f,g,h,i,j[k+1],12,-389564586),i=a(i,f,g,h,j[k+2],17,606105819),h=a(h,i,f,g,j[k+3],22,-1044525330),g=a(g,h,i,f,j[k+4],7,-176418897),f=a(f,g,h,i,j[k+5],12,1200080426),i=a(i,f,g,h,j[k+6],17,-1473231341),h=a(h,i,f,g,j[k+7],22,-45705983),g=a(g,h,i,f,j[k+8],7,1770035416),f=a(f,g,h,i,j[k+9],12,-1958414417),i=a(i,f,g,h,j[k+10],17,-42063),h=a(h,i,f,g,j[k+11],22,-1990404162),g=a(g,h,i,f,j[k+12],7,1804603682),f=a(f,g,h,i,j[k+13],12,-40341101),i=a(i,f,g,h,j[k+14],17,-1502002290),h=a(h,i,f,g,j[k+15],22,1236535329),g=b(g,h,i,f,j[k+1],5,-165796510),f=b(f,g,h,i,j[k+6],9,-1069501632),i=b(i,f,g,h,j[k+11],14,643717713),h=b(h,i,f,g,j[k+0],20,-373897302),g=b(g,h,i,f,j[k+5],5,-701558691),f=b(f,g,h,i,j[k+10],9,38016083),i=b(i,f,g,h,j[k+15],14,-660478335),h=b(h,i,f,g,j[k+4],20,-405537848),g=b(g,h,i,f,j[k+9],5,568446438),f=b(f,g,h,i,j[k+14],9,-1019803690),i=b(i,f,g,h,j[k+3],14,-187363961),h=b(h,i,f,g,j[k+8],20,1163531501),g=b(g,h,i,f,j[k+13],5,-1444681467),f=b(f,g,h,i,j[k+2],9,-51403784),i=b(i,f,g,h,j[k+7],14,1735328473),h=b(h,i,f,g,j[k+12],20,-1926607734),g=c(g,h,i,f,j[k+5],4,-378558),f=c(f,g,h,i,j[k+8],11,-2022574463),i=c(i,f,g,h,j[k+11],16,1839030562),h=c(h,i,f,g,j[k+14],23,-35309556),g=c(g,h,i,f,j[k+1],4,-1530992060),f=c(f,g,h,i,j[k+4],11,1272893353),i=c(i,f,g,h,j[k+7],16,-155497632),h=c(h,i,f,g,j[k+10],23,-1094730640),g=c(g,h,i,f,j[k+13],4,681279174),f=c(f,g,h,i,j[k+0],11,-358537222),i=c(i,f,g,h,j[k+3],16,-722521979),h=c(h,i,f,g,j[k+6],23,76029189),g=c(g,h,i,f,j[k+9],4,-640364487),f=c(f,g,h,i,j[k+12],11,-421815835),i=c(i,f,g,h,j[k+15],16,530742520),h=c(h,i,f,g,j[k+2],23,-995338651),g=d(g,h,i,f,j[k+0],6,-198630844),f=d(f,g,h,i,j[k+7],10,1126891415),i=d(i,f,g,h,j[k+14],15,-1416354905),h=d(h,i,f,g,j[k+5],21,-57434055),g=d(g,h,i,f,j[k+12],6,1700485571),f=d(f,g,h,i,j[k+3],10,-1894986606),i=d(i,f,g,h,j[k+10],15,-1051523),h=d(h,i,f,g,j[k+1],21,-2054922799),g=d(g,h,i,f,j[k+8],6,1873313359),f=d(f,g,h,i,j[k+15],10,-30611744),i=d(i,f,g,h,j[k+6],15,-1560198380),h=d(h,i,f,g,j[k+13],21,1309151649),g=d(g,h,i,f,j[k+4],6,-145523070),f=d(f,g,h,i,j[k+11],10,-1120210379),i=d(i,f,g,h,j[k+2],15,718787259),h=d(h,i,f,g,j[k+9],21,-343485551),g=e(g,n),h=e(h,o),i=e(i,p),f=e(f,m)};return Array(g,h,i,f)};function f(a,b,c,d,f,g){return e(i(e(e(b,a),e(d,g)),f),c)};function a(b,a,c,d,e,g,h){return f(a&c|~a&d,b,a,e,g,h)};function b(c,a,d,b,e,g,h){return f(a&b|d&~b,c,a,e,g,h)};function c(b,a,c,d,e,g,h){return f(a^c^d,b,a,e,g,h)};function d(b,a,c,d,e,g,h){return f(c^(a|~d),b,a,e,g,h)};function e(b,c){var a=(b&65535)+(c&65535);var d=(b>>16)+(c>>16)+(a>>16);return d<<16|a&65535};function i(a,b){return a<<b|a>>>32-b};return g=0,k='',l}());
  19.  
  20. //var unsafeWindow=window;
  21.  
  22. var user_id=unsafeWindow.PageData.user.user_id||unsafeWindow.PageData.user.id;//,
  23. 	//chatting_list_data='';
  24.  
  25. var _client_id='wappc_1398857293796_956',
  26. 	_client_type='2',
  27. 	_client_version='4.2.7',
  28. 	_phone_imei='092887406663530',
  29. 	net_type='3',
  30. 	sign_key='tiebaclient!!!';
  31.  
  32. if(document.cookie.match(/BDUSS=(.{192,}?);?/))BDUSS=document.cookie.match(/BDUSS=(.{192,}?);?/)[1];
  33. else{
  34. 	var BDUSS=prompt('无法获取 BDUSS，请尝试在移动版贴吧注销并登录。\n\n1. 将浏览器 UA 设置为移动设备的 UA（例如 Chrome 可在开发者工具中点击右上角的“Show drawer.”，并在下方的 Emulation 里设置 UserAgent；Firefox 可安装 User Agent Overrider 等扩展）；\n2. 访问 http://tieba.baidu.com/mo 进行登录操作；\n3. 登录后禁用 UA 设置，回到贴吧页检查是否可用。\n\n如果希望手动配置 BDUSS，请将 BDUSS 贴在下方并按确定键。');
  35. 	if(BDUSS!=null&&BDUSS!=''&&BDUSS.match(/.{192,}?/)){
  36. 		document.cookie='BDUSS='+BDUSS.match(/.{192,}?/)+'; expires='+(new Date(new Date().getTime()+60*60*24*365*10*1000)).toGMTString()+'; path=/';
  37. 		unsafeWindow.location.href=unsafeWindow.location.href;
  38. 	}
  39. 	throw 'Tieba Chat can\'t get BDUSS!!!';
  40. }
  41.  
  42. var tb_chat_data=JSON.parse(unsafeWindow.localStorage.getItem('tb_chat_data')/*||unsafeWindow.localStorage.getItem('tb_chat_data')*/)||{};
  43. var message_update_timestamp=unsafeWindow.localStorage.getItem('tb_chat_message_update_timestamp')||new Date().getTime();
  44. var message_update_count=unsafeWindow.localStorage.getItem('tb_chat_message_update_count')||0;
  45. var user_portrait='';
  46. var com_portrait='';
  47. var chatting_list_page=1;
  48. var this_last_msg=0;
  49. var this_early_msg=0;
  50. var this_username=null;
  51. var this_userid=0;
  52. var this_msg_update=null;
  53.  
  54. if(tb_chat_data.first_install==null){
  55. 	unsafeWindow.$.dialog.alert('<div style="font-size:14px"><p>欢迎使用 Tieba Chat ~~~ ヽ(//∇//)ﾉ♡</p><p>这是一个实现在网页端使用贴吧客户端的聊天功能的脚本。通过该脚本，您可以方便地与使用贴吧客户端的好友聊天。</p><p>使用说明：<br>1. 将鼠标划至网页右下角的“贴吧聊天”即可打开聊天界面；<br>2. 点击聊天列表中的用户或贴子楼层右下角“聊天”可以发起聊天，点击“点击加载下/上一页”可以进行翻页操作；<br>3. 在聊天界面下方文本框中输入聊天文字，点击右侧“发送”即可发送消息；<br>4. 在聊天界面点击信息列表最上方的“点击查看更多”即可查看之前的消息（如果存在的话）；<br>5. 鼠标移出聊天界面后 0.5 秒可收起聊天界面。</p><p style="color:red">警告：<br>* 该脚本目前仍处于测试阶段，可能存在一些未知错误，请谨慎使用<br>* 该脚本需要获取 BDUSS，但并不会将其共享，如果您不信任，请卸载此脚本<br>* 该脚本目前只能发送和接收文字信息，对于图片、表情、语音等多媒体信息暂不支持（主要是 mini 客户端 api 没有提供）<br>* 本脚本目前只是为实现该功能而编写，暂未考虑效率问题，这可能导致浏览器运行缓慢<br>* 本脚本无缓存功能，所有操作均需要重新访问 api，这可能带来较多的带宽消耗<br>* 此脚本的设计可能比较简陋，暂时还没有设置界面……毕竟只是为了测试而已 OTL</p><p>如有疑问请在 firefox 吧相关贴子讨论……</p></div>',{title:"Tieba Chat 欢迎界面",width:800})
  56. 	tb_chat_data.first_install=1;
  57. 	unsafeWindow.localStorage.setItem('tb_chat_data',JSON.stringify(tb_chat_data));
  58. }
  59.  
  60. function get_string(c){
  61. 		//str='BDUSS='+BDUSS+'&_client_id=wappc_1398857293796_956&_client_type=2&_client_version=4.2.7&_phone_imei=092887406663530&from=tieba&net_type=3';
  62. 	var str='';
  63. 	var str2='';
  64. 	for(var i in c){
  65. 		str+=i+'='+c[i];
  66. 		str2+=i+'='+encodeURIComponent(c[i])+'&';
  67. 	}
  68. 	var sign=hex_md5(str+sign_key);
  69. 	str2+='sign='+sign;
  70. 	return str2;
  71. }
  72.  
  73. function get_message_update(){
  74. 	var xhr = new XMLHttpRequest();
  75. 	xhr.onreadystatechange=function(){
  76. 		if(xhr.readyState==4&&xhr.status==200){
  77. 			var t=JSON.parse(xhr.responseText);
  78. 			if(t.error_code=='0'){
  79. 				if(t.error&&t.error.errno!='0'){
  80. 					//get_error_command(t.error.errno,t.error.usermsg)
  81. 					//console.error('Tieba Chat Error '+t.error_code+': '+t.error_msg);
  82. 					var s=show_error(t.error.errno,t.error.errmsg);
  83. 					var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  84. 					s.onclick=function(){get_message_update();s.parentElement.removeChild(s);clearTimeout(t)};
  85. 					throw 'Tieba Chat Error '+t.error.errno+': '+t.error.errmsg;
  86. 				}
  87. 				/*if(t.message.pletter!='0'){
  88. 					panel_top.style.color='orange';
  89. 					//get_chatting_list();
  90. 				}*/
  91. 				message_update_timestamp=new Date().getTime();
  92. 				message_update_count=t.message.pletter;
  93. 				if(message_update_count!='0'){
  94. 					document.title='【'+message_update_count+' 条新聊天】'+original_title;
  95. 					panel_top.style.color='orange';
  96. 				}
  97. 				else{
  98. 					document.title=original_title;
  99. 					panel_top.style.color='#000';
  100. 				}
  101. 				unsafeWindow.localStorage.setItem('tb_chat_message_update_timestamp',message_update_timestamp);
  102. 				unsafeWindow.localStorage.setItem('tb_chat_message_update_count',t.message.pletter);
  103. 			}
  104. 			else{
  105. 				var s=show_error(t.error_code,t.error_msg);
  106. 				var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  107. 				s.onclick=function(){get_message_update();s.parentElement.removeChild(s);clearTimeout(t)};
  108. 				throw 'Tieba Chat Error '+t.error_code+': '+t.error_msg;
  109. 			}
  110. 		}
  111. 	}
  112. 	xhr.open('POST','//tieba.baidu.com/c/s/msg?'+get_string());
  113. 	xhr.send();
  114. }
  115.  
  116. function get_chatting_list(pn){
  117. 	var xhr=new XMLHttpRequest();
  118. 	xhr.onreadystatechange=function(){
  119. 		if(xhr.readyState==4&&xhr.status==200){
  120. 			var t=JSON.parse(xhr.responseText);
  121. 			if(t.error_code=='0'){
  122. 				if(t.error&&t.error.errno!='0'){
  123. 					//get_error_command(t.error.errno,t.error.usermsg)
  124. 					//console.error('Tieba Chat Error '+t.error_code+': '+t.error_msg);
  125. 					var s=show_error(t.error.errno,t.error.errmsg);
  126. 					var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  127. 					s.onclick=function(){get_chatting_list(pn);s.parentElement.removeChild(s);clearTimeout(t)};
  128. 					throw 'Tieba Chat Error '+t.error.errno+': '+t.error.errmsg;
  129. 				}
  130. 				panel_head.textContent='贴吧聊天';
  131. 				panel_main.innerHTML='';
  132. 				var panel_list=document.createElement('div');
  133. 				panel_list.className='tb_chat_panel_list';
  134. 				panel_main.appendChild(panel_list);
  135. 				chatting_list_page=pn;
  136. 				if(pn>1){
  137. 					var msg_more=document.createElement('div');
  138. 					msg_more.textContent='点击加载上一页';
  139. 					msg_more.style.cssText='width:200px;margin:20px auto;text-align:center;font-size:13px;background:#0CF;padding:5px;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;color:#FFF';
  140. 					panel_list.appendChild(msg_more);
  141. 					msg_more.onclick=function(){get_chatting_list(pn-1);msg_more.textContent='正在载入......'};
  142. 				}
  143. 				//chatting_list_data='';
  144. 				for(var c in t.record){
  145. 					var p=document.createElement('div');
  146. 					p.className='tb_chat_row';
  147. 					p.setAttribute('user_id',t.record[c].user_id);
  148. 					p.setAttribute('user_name',t.record[c].user_name)
  149. 					p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+t.record[c].portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_username">'+t.record[c].user_name+'</div><div class="tb_chat_lasttext">'+(t.record[c].abstract.length>0?t.record[c].abstract[t.record[c].abstract.length-1].text:'')+'</div></div><div style="clear:both"></div>';
  150. 					if(t.record[c].unread_count=='1'){
  151. 						p.style.color='orange';
  152. 						p.onclick=function(){panel_top.style.color='#000';this_userid=this.getAttribute('user_id');this_username=this.getAttribute('user_name');get_latest_msg(this.getAttribute('user_id'))}
  153. 					}
  154. 					else p.onclick=function(){this_userid=this.getAttribute('user_id');this_username=this.getAttribute('user_name');get_latest_msg(this.getAttribute('user_id'))};
  155. 					panel_list.appendChild(p);
  156. 					//chatting_list_data+='<div class="tb_chat_row"'+(t.record[c].unread_count!='0'?' style="background:rgba(255,0,0,.1)"':'')+' user_id="'+t.record[c].user_id+'"><div class="tb_chat_pleft"><img class="tb_chat_avatat" src="http://tb.himg.baidu.com/sys/portrait/item/'+t.record[c].portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_username">'+t.record[c].user_name+'</div><div class="tb_chat_lasttext">'+(t.record[c].abstract.length>0?t.record[c].abstract[t.record[c].abstract.length-1].text:'')+'</div></div></div>';
  157. 				}
  158. 				if(t.has_more==1){
  159. 					var msg_more=document.createElement('div');
  160. 					msg_more.textContent='点击加载下一页';
  161. 					msg_more.style.cssText='width:200px;margin:20px auto;text-align:center;font-size:13px;background:#0CF;padding:5px;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;color:#FFF';
  162. 					panel_list.appendChild(msg_more);
  163. 					msg_more.onclick=function(){get_chatting_list(pn+1);msg_more.textContent='正在载入......'};
  164. 				}
  165. 				//if(has_more=='1')chatting_list_data+='<div class="tb_chat_next">点击加载下一页</div>';
  166. 				//panel.innerHTML=chatting_list_data;
  167. 				/*var row_node=document.querySelectorAll('.tb_chat_row');
  168. 				for(var c in row_node){
  169. 					row_node[c].onclick=function(){get_latest_msg(row_node[c].getAttribute('user_id'))}
  170. 				}*/
  171. 				if(panel_top_back.hasAttribute('show'))panel_top_back.removeAttribute('show');
  172. 				this_last_msg=0;
  173. 				this_early_msg=0;
  174. 				this_username=null;
  175. 				this_userid=0;
  176. 				//unsafeWindow.onfocus=null;
  177. 				//unsafeWindow.onblur=null;
  178. 			}
  179. 			else{
  180. 				var s=show_error(t.error_code,t.error_msg);
  181. 				var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  182. 				s.onclick=function(){get_chatting_list(pn);s.parentElement.removeChild(s);clearTimeout(t)};
  183. 				throw 'Tieba Chat Error '+t.error_code+': '+t.error_msg;
  184. 			}
  185. 		}
  186. 	}
  187. 	xhr.open('POST','//tieba.baidu.com/c/s/comlist?'+get_string({
  188. 		BDUSS:BDUSS,
  189. 		_client_id:_client_id,
  190. 		_client_type:_client_type,
  191. 		_client_version:_client_version,
  192. 		_phone_imei:_phone_imei,
  193. 		net_type:net_type,
  194. 		pn:pn
  195. 	}));
  196. 	xhr.send();
  197. }
  198.  
  199. function get_latest_msg(id){
  200. 	var xhr=new XMLHttpRequest();
  201. 	xhr.onreadystatechange=function(){
  202. 		if(xhr.readyState==4&&xhr.status==200){
  203. 			var t=JSON.parse(xhr.responseText);
  204. 			if(t.error_code=='0'){
  205. 				if(t.error&&t.error.errno!='0'){
  206. 					//get_error_command(t.error.errno,t.error.usermsg)
  207. 					//console.error('Tieba Chat Error '+t.error_code+': '+t.error_msg);
  208. 					var s=show_error(t.error.errno,t.error.errmsg);
  209. 					var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  210. 					s.onclick=function(){get_latest_msg(id);s.parentElement.removeChild(s);clearTimeout(t)};
  211. 					throw 'Tieba Chat Error '+t.error.errno+': '+t.error.errmsg;
  212. 				}
  213. 				//panel_main.innerHTML=xhr.responseText;
  214. 				/*if(this_username==null)*/
  215. 				if(id!=this_userid||document.getElementsByClassName('tb_chat_panel_list')[0]){
  216. 					panel_main.innerHTML='';
  217. 					var panel_msg=document.createElement('div');
  218. 					panel_msg.className='tb_chat_panel_msg';
  219. 					panel_main.appendChild(panel_msg);
  220. 				}
  221. 				else var panel_msg=document.getElementsByClassName('tb_chat_panel_msg')[0];
  222. 				panel_head.textContent=this_username;
  223. 				com_portrait=t.com_portrait;
  224. 				user_portrait=t.user_portrait;
  225. 				if(t.has_more==1){
  226. 					var msg_more=document.createElement('div');
  227. 					msg_more.textContent='点击加载更多';
  228. 					msg_more.style.cssText='width:200px;margin:20px auto;text-align:center;font-size:13px;background:#0CF;padding:5px;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;color:#FFF';
  229. 					panel_msg.appendChild(msg_more);
  230. 					msg_more.onclick=function(){get_early_msg(id,panel_msg,msg_more);};
  231. 				}
  232. 				for(var c in t.message){
  233. 					var p=document.createElement('div');
  234. 					p.className='tb_chat_message';
  235. 					if(t.message[c].from=='0'){
  236. 						p.className+=' com';
  237. 						p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+com_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.message[c].content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  238. 					}
  239. 					else{
  240. 						p.className+=' user';
  241. 						p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+user_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.message[c].content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  242. 					}
  243. 					p.setAttribute('msg_id',t.message[c].msg_id)
  244. 					p.title='Post @ '+new Date(t.message[c].time*1000);
  245. 					//p.onclick=function(){get_latest_msg(this.getAttribute('user_id'));}
  246. 					panel_msg.appendChild(p);
  247. 					if(t.message[c].msg_id<this_early_msg||this_early_msg==0)this_early_msg=t.message[c].msg_id;
  248. 					if(t.message[c].msg_id>this_last_msg||this_last_msg==0)this_last_msg=t.message[c].msg_id;
  249. 					//chatting_list_data+='<div class="tb_chat_row"'+(t.record[c].unread_count!='0'?' style="background:rgba(255,0,0,.1)"':'')+' user_id="'+t.record[c].user_id+'"><div class="tb_chat_pleft"><img class="tb_chat_avatat" src="http://tb.himg.baidu.com/sys/portrait/item/'+t.record[c].portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_username">'+t.record[c].user_name+'</div><div class="tb_chat_lasttext">'+(t.record[c].abstract.length>0?t.record[c].abstract[t.record[c].abstract.length-1].text:'')+'</div></div></div>';
  250. 				}
  251. 				//document.querySelector('.tb_chat_panel_msg .tb_chat_message:nth-last-child(1)').scrollIntoView();
  252. 				panel_msg.scrollTop=panel_msg.scrollHeight;
  253. 				panel_top_back.setAttribute('show','1');
  254. 				//tb_chat_data.com[t.record[c].user_id].last_msg=this_last_msg;
  255. 				//window.localStorage.setItem('tb_chat_data',JSON.stringify(tb_chat_data));
  256. 				if(!document.getElementsByClassName('tb_chat_msg_panel')[0]){
  257. 					var msg_panel=document.createElement('div');
  258. 					var msg_textarea=document.createElement('textarea');
  259. 					var msg_send=document.createElement('div');
  260. 					msg_panel.style.cssText='width:100%;height:50px;position:absolute;bottom:0;left:0';
  261. 					msg_panel.className='tb_chat_msg_panel';
  262. 					panel_main.appendChild(msg_panel);
  263. 					msg_textarea.style.cssText='width:320px;height:36px;font-size:12px;margin:7px;position:absolute;left:0;top:0;resize:none';
  264. 					msg_textarea.className='tb_chat_msg_textarea';
  265. 					msg_panel.appendChild(msg_textarea);
  266. 					msg_send.style.cssText='width:50px;height:25px;font-size:14px;line-height:25px;text-align:center;position:absolute;margin:15px 7px;right:0;top:0;background:#0CF;cursor:pointer;color:#FFF';
  267. 					msg_send.textContent='发送';
  268. 					msg_panel.appendChild(msg_send);
  269. 					msg_send.onclick=function(){add_message(id,this_last_msg,msg_textarea.value)};
  270. 					unsafeWindow.onfocus=function(){if(this_msg_update==null)this_msg_update=setInterval(get_latest_msg(id),10000)};
  271. 					unsafeWindow.onblur=function(){if(this_msg_update!=null){clearInterval(this_msg_update);this_msg_update=null}};
  272.  
  273. 				}
  274. 				get_message_update();
  275. 			}
  276. 			else{
  277. 				var s=show_error(t.error_code,t.error_msg);
  278. 				var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  279. 				s.onclick=function(){get_latest_msg(id);s.parentElement.removeChild(s);clearTimeout(t)};
  280. 				throw 'Tieba Chat Error '+t.error_code+': '+t.error_msg;
  281. 			}
  282. 		}
  283. 	}
  284. 	xhr.open('POST','//tieba.baidu.com/c/s/recentmsg?'+get_string({
  285. 		BDUSS:BDUSS,
  286. 		_client_id:_client_id,
  287. 		_client_type:_client_type,
  288. 		_client_version:_client_version,
  289. 		_phone_imei:_phone_imei,
  290. 		com_id:id,
  291. 		msg_id:this_last_msg,
  292. 		net_type:net_type,
  293. 		user_id:user_id
  294. 	}
  295. /*'msg_id=0&user_id='+user_id+'&com_id='+id*/));
  296. 	xhr.send();
  297. }
  298.  
  299. function get_early_msg(id,panel_msg,msg_more){
  300. 	msg_more.textContent='正在载入......';
  301. 	var scroll_top=panel_msg.scrollHeight-panel_msg.scrollTop;
  302. 	var xhr=new XMLHttpRequest();
  303. 	xhr.onreadystatechange=function(){
  304. 		if(xhr.readyState==4&&xhr.status==200){
  305. 			var t=JSON.parse(xhr.responseText);
  306. 			if(t.error_code=='0'){
  307. 				if(t.error&&t.error.errno!='0'){
  308. 					var s=show_error(t.error.errno,t.error.errmsg);
  309. 					var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  310. 					s.onclick=function(){get_latest_msg(id);s.parentElement.removeChild(s);clearTimeout(t)};
  311. 					throw 'Tieba Chat Error '+t.error.errno+': '+t.error.errmsg;
  312. 				}
  313. 				var xxx=document.createElement('div');
  314. 				panel_msg.insertBefore(xxx,msg_more.nextElementSibling);
  315. 				for(var c in t.message){
  316. 					var p=document.createElement('div');
  317. 					p.className='tb_chat_message';
  318. 					if(t.message[c].from=='0'){
  319. 						p.className+=' com';
  320. 						p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+com_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.message[c].content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  321. 					}
  322. 					else{
  323. 						p.className+=' user';
  324. 						p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+user_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.message[c].content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  325. 					}
  326. 					p.setAttribute('msg_id',t.message[c].msg_id)
  327. 					p.title='Post @ '+new Date(t.message[c].time*1000);
  328. 					//p.onclick=function(){get_latest_msg(this.getAttribute('user_id'));}
  329. 					//panel_msg.appendChild(p);
  330. 					if(t.message[c].msg_id<this_early_msg||this_early_msg==0)this_early_msg=t.message[c].msg_id;
  331. 					if(t.message[c].msg_id>this_last_msg||this_last_msg==0)this_last_msg=t.message[c].msg_id;
  332. 					//panel_msg.insertBefore(p,msg_more.nextElement);
  333. 					xxx.appendChild(p);
  334. 				}
  335. 				if(t.has_more==1)msg_more.textContent='点击加载更多';
  336. 				else msg_more.parentElement.removeChild(msg_more);
  337. 				panel_msg.scrollTop=panel_msg.scrollHeight-scroll_top;
  338. 			}
  339. 			else{
  340. 				var s=show_error(t.error_code,t.error_msg);
  341. 				var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  342. 				s.onclick=function(){get_latest_msg(id);s.parentElement.removeChild(s);clearTimeout(t)};
  343. 				throw 'Tieba Chat Error '+t.error_code+': '+t.error_msg;
  344. 			}
  345. 		}
  346. 	}
  347. 	xhr.open('POST','//tieba.baidu.com/c/s/historymsg?'+get_string({
  348. 		BDUSS:BDUSS,
  349. 		_client_id:_client_id,
  350. 		_client_type:_client_type,
  351. 		_client_version:_client_version,
  352. 		_phone_imei:_phone_imei,
  353. 		com_id:id,
  354. 		msg_id:this_early_msg,
  355. 		net_type:net_type,
  356. 		user_id:user_id
  357. 	}
  358. /*'msg_id=0&user_id='+user_id+'&com_id='+id*/));
  359. 	xhr.send();
  360. }
  361.  
  362. function add_message(id,last_msg_id,content){
  363. 	var xhr=new XMLHttpRequest();
  364. 	xhr.onreadystatechange=function(){
  365. 		if(xhr.readyState==4&&xhr.status==200){
  366. 			var t=JSON.parse(xhr.responseText);
  367. 			if(t.error_code=='0'){
  368. 				if(t.error&&t.error.errno!='0'){
  369. 					//get_error_command(t.error.errno,t.error.usermsg)
  370. 					//console.error('Tieba Chat Error '+t.error_code+': '+t.error_msg);
  371. 					var s=show_error(t.error.errno,t.error.errmsg);
  372. 					var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  373. 					s.onclick=function(){add_message(id,last_msg_id,content);s.parentElement.removeChild(s);clearTimeout(t)};
  374. 					throw 'Tieba Chat Error '+t.error.errno+': '+t.error.errmsg;
  375. 				}
  376. 				var this_last_msg;
  377. 				var panel_msg=document.getElementsByClassName('tb_chat_panel_msg')[0];
  378. 				//var panel_msg=document.createElement('div');
  379. 				//panel_msg.className='tb_chat_panel_msg';
  380. 				//panel_main.appendChild(panel_msg);
  381. 				for(var c in t.recent.message){
  382. 					var p=document.createElement('div');
  383. 					p.className='tb_chat_message';
  384. 					if(t.recent.message[c].from=='0'){
  385. 						p.className+=' com';
  386. 						p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+com_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.recent.message[c].content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  387. 					}
  388. 					else{
  389. 						p.className+=' user';
  390. 						p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+user_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.recent.message[c].content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  391. 					}
  392. 					p.setAttribute('msg_id',t.recent.message[c].msg_id);
  393. 					p.title='Post @ '+new Date(t.recent.message[c].time*1000);
  394. 					panel_msg.appendChild(p);
  395. 					//panel_top_back.setAttribute('show','1');
  396. 					if(t.recent.message[c].msg_id<this_early_msg||this_early_msg==0)this_early_msg=t.recent.message[c].msg_id;
  397. 					if(t.recent.message[c].msg_id>this_last_msg||this_last_msg==0)this_last_msg=t.recent.message[c].msg_id;
  398. 				}
  399. 				var p=document.createElement('div');
  400. 				p.className='tb_chat_message';
  401. 				p.className+=' user';
  402. 				p.innerHTML='<div class="tb_chat_pleft"><img class="tb_chat_avatar" src="http://tb.himg.baidu.com/sys/portrait/item/'+user_portrait+'" alt></div><div class="tb_chat_pright"><div class="tb_chat_message_inner">'+(t.message.content[0].text||'未知数据')+'</div></div><div style="clear:both"></div>';
  403. 				p.setAttribute('msg_id',t.message.msg_id);
  404. 				panel_msg.appendChild(p);
  405. 				if(t.message.msg_id<this_early_msg||this_early_msg==0)this_early_msg=t.message.msg_id;
  406. 				if(t.message.msg_id>this_last_msg||this_last_msg==0)this_last_msg=t.message.msg_id;
  407. 				//document.querySelector('.tb_chat_panel_msg .tb_chat_message:nth-last-child(1)').scrollIntoView();
  408. 				panel_msg.scrollTop=panel_msg.scrollHeight;
  409. 				document.getElementsByClassName('tb_chat_msg_textarea')[0].value='';
  410. 			}
  411. 			else{
  412. 				var s=show_error(t.error_code,t.error_msg);
  413. 				var t=setTimeout(function(){s.parentElement.removeChild(s)},5000);
  414. 				s.onclick=function(){add_message(id,last_msg_id,content);s.parentElement.removeChild(s);clearTimeout(t)};
  415. 				throw 'Tieba Chat Error '+t.error_code+': '+t.error_msg;
  416. 			}
  417. 		}
  418. 	}
  419. 	xhr.open('POST','//tieba.baidu.com/c/s/addmsg?'+get_string({
  420. 		BDUSS:BDUSS,
  421. 		_client_id:_client_id,
  422. 		_client_type:_client_type,
  423. 		_client_version:_client_version,
  424. 		_phone_imei:_phone_imei,
  425. 		com_id:id,
  426. 		content:content,
  427. 		last_msg_id:last_msg_id,
  428. 		net_type:net_type,
  429. 		user_id:user_id
  430. 	}));
  431. 	xhr.send();
  432. }
  433.  
  434. function show_error(c,t){
  435. 	var panel_error=document.createElement('div');
  436. 	panel_error.className='tb_chat_error';
  437. 	panel.appendChild(panel_error);
  438. 	panel_error.innerHTML='Tieba Chat Error!!!<br>Error Code: '+c+'<br>Error Message:'+t+'<br>Click this panel to retry....';
  439. 	return panel_error;
  440. }
  441.  
  442. function add_enterance(){
  443. 	var s=document.getElementsByClassName('j_jb_ele');
  444. 	for(var i=0;i<s.length;i++){
  445. 		if(s[i].hasAttribute('tb_chat_added')==false){
  446. 			var k=document.createTextNode(' ');
  447. 			s[i].appendChild(k);
  448. 			var j=document.createElement('a');
  449. 			j.style.cssText='color:#999;cursor:pointer'
  450. 			j.textContent='聊天';
  451. 			s[i].appendChild(j);
  452. 			j.onclick=function(){var ud=JSON.parse(this.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement.getAttribute('data-field')).author;this_userid=ud.user_id;this_username=ud.user_name;panel.setAttribute('show','1');get_latest_msg(ud.user_id)}
  453. 			var k=document.createTextNode(' |');
  454. 			s[i].appendChild(k);
  455. 			s[i].setAttribute('tb_chat_added','true');
  456. 		}
  457. 	}
  458. }
  459.  
  460. var message_update_timer=setInterval(function(){
  461. 	if((new Date().getTime()-(unsafeWindow.localStorage.getItem('message_update_timestamp')||message_update_timestamp))>10000){
  462. 		get_message_update();
  463. 	};
  464. 	if(message_update_count!=unsafeWindow.localStorage.getItem('tb_chat_message_update_count')){
  465. 		message_update_count=unsafeWindow.localStorage.getItem('tb_chat_message_update_count');
  466. 		if(message_update_count!='0'){
  467. 			document.title='【'+message_update_count+' 条新聊天】'+original_title;
  468. 			panel_top.style.color='orange';
  469. 		}
  470. 		else{
  471. 			document.title=original_title;
  472. 			panel_top.style.color='#000';
  473. 		}
  474. 	}
  475. 	//if(PageData.product=='pb')add_enterance();
  476. },1000);
  477.  
  478. // ------------------------------------------------------------------------
  479.  
  480.  
  481. var panel=document.createElement('div');
  482. var panel_top=document.createElement('div');
  483. var panel_head=document.createElement('div');
  484. var panel_main=document.createElement('div');
  485. var panel_top_back=document.createElement('div');
  486. var panel_ifshow=null;
  487. var original_title=document.title;
  488. var ss=document.createElement('style');
  489. var stylesheet='.tb_chat_panel{width:400px;height:100%;position:fixed;top:calc(100% - 30px);right:0px;background:rgba(255,255,255,.75);z-index:200000;transition:all 0.5s ease-in;-webkit-user-select:none;-moz-user-select:none}.tb_chat_panel[show]{top:0px;transition:all 0.5s ease-out}.tb_chat_panel_top{font-size:14px;line-height:30px;text-align:center;width:100%;height:30px;-webkit-user-select:none;-moz-user-select:none}.tb_chat_panel_top_back{position:absolute;left:10px;top:0px;width:30px;height:30px;background:#0CF;visibility:hidden;color:#FFF}.tb_chat_panel_top_back[show]{visibility:visible;cursor:pointer}.tb_chat_panel_main{height:calc(100% - 30px);overflow:auto}.tb_chat_row{/*width:400px;*/height:60px;padding:10px;cursor:pointer}.tb_chat_row:hover{background:rgba(0,0,0,.1)}.tb_chat_pleft{float:left}.tb_chat_row .tb_chat_avatar{width:60px;height:60px}.tb_chat_pright{float:left;max-width:300px}.tb_chat_row .tb_chat_username{font-size:14px;padding:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tb_chat_row .tb_chat_lasttext{padding:6px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tb_chat_next{font-size:14px;text-align:center;width:100%;height:30px;line-height:30px}.tb_chat_message{font-size:12px;line-height:14px;min-height:28px;padding:5px}.tb_chat_message .tb_chat_avatar{width:28px;height:28px}.tb_chat_message.user .tb_chat_pleft,.tb_chat_message.user .tb_chat_pright{float:right;text-align:right}.tb_chat_message .tb_chat_message_inner{margin:0 10px;padding:6px;background:#FFF;border:1px solid #CCC;border-radius:3px;-moz-user-select:text;-webkit-user-select:text}.tb_chat_panel_msg{margin-bottom:50px;height:calc(100% - 50px);overflow:auto}.tb_chat_error{background:rgba(255,0,0,.25);font-size:12px;line-height:16px;position:fixed;width:350px;margin:0 25px;top:50px;right:0px;box-shadow:rgba(255,0,0,0.25) 0 0 5px;color:#F00}.tb_chat_message_inner::selection,.tb_chat_message_inner::-moz-selection{background:rgba(255,255,255,0.5)}';
  490. panel.className='tb_chat_panel';
  491. document.body.appendChild(panel);
  492. ss.textContent=stylesheet;
  493. panel.appendChild(ss);
  494. //panel_top.textContent='贴吧聊天';
  495. panel_top.className='tb_chat_panel_top';
  496. panel.appendChild(panel_top);
  497. panel_head.textContent='贴吧聊天';
  498. panel_top.appendChild(panel_head);
  499. panel_top_back.className='tb_chat_panel_top_back';
  500. panel_top_back.textContent='←';
  501. panel_top.appendChild(panel_top_back);
  502. panel_main.className='tb_chat_panel_main';
  503. panel.appendChild(panel_main);
  504. panel_top_back.onclick=function(){get_chatting_list(chatting_list_page)};
  505. panel_top.onmouseover=function(){panel.setAttribute('show','1');if(this_username==null)get_chatting_list(chatting_list_page)};
  506. panel.onmouseover=function(){if(panel_ifshow!=null)clearTimeout(panel_ifshow)}
  507. panel.onmouseout=function(){panel_ifshow=setTimeout(function(){if(panel.hasAttribute('show'))panel.removeAttribute('show');panel_ifshow=null},500)};
  508. get_chatting_list(chatting_list_page);
  509. if(PageData.product=='pb')add_enterance();
  510. if(document.getElementsByClassName('tb_preload_notification')[0]){
  511. 	var tpn=document.getElementsByClassName('tb_preload_notification')[0];
  512. 	tpn.addEventListener('DOMSubtreeModified',function(){
  513. 		if(tpn.hasAttribute('show')==false)add_enterance();
  514. 	})
  515. }