☰

Facebook Chat Emoticons Bar

Adds an emoticon bar to Facebook chat

  1. // ==UserScript==
  2. // @name			Facebook Chat Emoticons Bar
  3. // @description			Adds an emoticon bar to Facebook chat
  4. // @include			http://facebook.com/*
  5. // @include			http://*.facebook.com/*
  6. // @include			https://facebook.com/*
  7. // @include			https://*.facebook.com/*
  8. // @exclude			http://*.channel.facebook.com/*
  9. // @exclude			https://*.channel.facebook.com/*
  10. // @author			bitMAN
  11. // @version			0.21
  12. // @versionnumber		0.21
  13. // @license			Attribution-NonCommercial-NoDerivs 3.0 Unported (CC BY-NC-ND 3.0); http://creativecommons.org/licenses/by-nc-nd/3.0/
  14. // @namespace			http://userscripts.org/scripts/show/50826
  15. // ==/UserScript==
  16. //
  17.  
  18. // List of emoticons
  19. // :) :( :D >:( -_- :/ o.O :p :'( >:O :v 3:) :o :3 ;) :* :|] 8) <3 (Y) :putnam: 8| ^_^ (^^^) O:) <(") :42: <(") O.o
  20.  
  21. 	var version, HttpsOn, ImagesURL, ResourcesURL, storage, emotsInfo, spemotsInfo, headTag, styleTag, ArrowStyleUp, ArrowStyleDown, fEmotBarDom, fEmotsListDom, fArrow;
  22.  
  23. 	version = 0.19;
  24. 	HttpsOn = window.location.href.match('https://')?true:false;
  25. 	ImagesURL = HttpsOn?'https://s-static.ak.fbcdn.net/images/':'http://static.ak.fbcdn.net/images/';
  26. 	ResourcesURL = HttpsOn?'https://s-static.ak.fbcdn.net/rsrc.php/':'http://static.ak.fbcdn.net/rsrc.php/';
  27.  
  28. /* START: This part of the code was written (partialy) by Vaughan Chandler for FFixer, special thanks to him :) */
  29.  
  30. 	storage = 'none';
  31.  
  32. 	try {
  33. 		if (typeof GM_getValue === 'function' && typeof GM_setValue === 'function') {
  34. 			GM_setValue('testkey', 'testvalue');
  35. 			if (GM_getValue('testkey', false) === 'testvalue') { storage='greasemonkey'; }
  36. 		}
  37. 	} catch(x) {}
  38. 	if (storage=='none' && typeof localStorage == 'object') { storage='localstorage'; }
  39.  
  40. 	function setValue(key, value) {
  41. 		switch (storage) {
  42. 			case 'greasemonkey':
  43. 				GM_setValue('0-'+key, value);
  44. 				break;
  45. 			case 'localstorage':
  46. 				localStorage['femotbar-0-'+key] = value;
  47. 				break;
  48. 		}
  49. 	}
  50.  
  51. 	function getValue(key, value) {
  52. 		switch (storage) {
  53. 			case 'greasemonkey':
  54. 				return GM_getValue('0-'+key, value);
  55. 			case 'localstorage':
  56. 				var val = localStorage['femotbar-0-'+key];
  57. 				if (val=='true') { return true; }
  58. 				else if (val=='false') { return false; }
  59. 				else if (val) { return val; }
  60. 				break;
  61. 		}
  62. 		return value;
  63. 	}
  64. 	
  65. 	function xmlhttpRequest(params, callBack) {
  66. 		if (typeof GM_xmlhttpRequest !== 'undefined') {
  67. 			params['onload'] = callBack;
  68. 			return GM_xmlhttpRequest(params);
  69. 		}
  70. 		return null;
  71. 	}
  72.  
  73. 	function openInTab(url) {
  74. 		if (typeof GM_openInTab !== 'undefined') { GM_openInTab(url); }
  75. 		else { window.open(url); }
  76. 	}
  77.  
  78. 	function UpdateCheck() {
  79. 		if(parseInt(getValue('LastUpdate', '0')) + 86400000 <= (new Date().getTime())) {
  80. 			try {
  81. 				xmlhttpRequest( { method: 'GET',
  82. 								  url: 'http://userscripts.org/scripts/source/50826.meta.js?' + new Date().getTime(),
  83. 								  headers: {'Cache-Control': 'no-cache'} },
  84. 								  handleUpdateResponse);
  85. 			}
  86. 			catch (err) {
  87. 				alert('An error occurred while checking for updates:\n' + err);
  88. 			}
  89. 		}
  90. 	}
  91. 	
  92. 	function handleUpdateResponse(r) {
  93. 		setValue('LastUpdate', new Date().getTime() + '');
  94. 		if (r.responseText.match(/@version\s+(\d+\.\d+)/)[1] > version) {
  95. 			if(confirm(	"There's an update available for 'Facebook Chat Emoticons Bar'.\n" +
  96. 						"Your version: " + version + "\n" +
  97. 						"New version: " + r.responseText.match(/@version\s+(\d+\.\d+)/)[1] + "\n" + 
  98. 						"Do you wish to install it?")
  99. 			   ) openInTab('http://userscripts.org/scripts/source/50826.user.js');
  100. 		}
  101. 	}
  102. 	
  103. // END
  104.  
  105. 	function createSelection(field, start, end) {
  106. 		if( field.createTextRange ) {
  107. 			var selRange = field.createTextRange();
  108. 			selRange.collapse(true);
  109. 			selRange.moveStart('character', start);
  110. 			selRange.moveEnd('character', end);
  111. 			selRange.select();
  112. 		} else if( field.setSelectionRange ) {
  113. 			field.setSelectionRange(start, end);
  114. 		} else if( field.selectionStart ) {
  115. 			field.selectionStart = start;
  116. 			field.selectionEnd = end;
  117. 		}
  118. 		field.focus();
  119. 	}       
  120. 	
  121. 	function getCursorPosition(field) {
  122. 		var CursorPos = 0;
  123. 		if (field.selectionStart || field.selectionStart == '0') CursorPos = field.selectionStart;
  124. 		return (CursorPos);
  125. 	}
  126. 	
  127. 	UpdateCheck();
  128. 	
  129. 	emotsInfo = [':)', ':(', ':p', ':D', ':o', ';)', '8)', '8|', '>:(', ':/', ':\'(', '3:)', 'O:)', ':*', '<3', '^_^', '-_-', 'o.O', '>:O', ':v', ':3', '(Y)'];
  130. 	spemotsInfo = [':|]', 'emote/robot.gif', '(^^^)', 'emote/shark.gif', ':putnam:', 'emote/putnam.gif', '<(")', 'emote/penguin.gif', ':42:', 'emote/42.gif'];
  131.  
  132.     headTag = document.getElementsByTagName('head')[0];
  133.     if (headTag) {
  134. 		styleTag = document.createElement('style');
  135. 		styleTag.type = 'text/css';
  136. 		styleTag.innerHTML =
  137. 			'.chat_tab_emot_bar {padding-top: 2px; padding-bottom: 6px; line-height: 16px; padding-left: 2px; background:#EEEEEE none repeat scroll 0 0; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #C9D0DA; position: static; }'+
  138. 			'.chat_arrow { background-image: url("'+ ResourcesURL + 'v1/zp/r/SBNTDM0S-7U.png"); background-position: 0 -48px; height: 5px; width: 9px; }';
  139. 		headTag.appendChild(styleTag);
  140. 	}
  141. 	
  142. 	ArrowStyleUp = 'cursor: pointer; position: absolute; right: 2px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);'
  143. 	ArrowStyleDown = 'cursor: pointer; position: absolute; right: 2px;'
  144. 	
  145. 	fEmotBarDom = document.createElement('div');
  146. 	fEmotBarDom.setAttribute('class','chat_tab_emot_bar');
  147. 	
  148. 	fEmotsListDom = document.createElement('div');
  149. 	fEmotsListDom.setAttribute('name','EmotsList');
  150. 	fEmotBarDom.appendChild(fEmotsListDom);
  151. 	
  152. 	for(i=0;i<emotsInfo.length;i+=1) {
  153. 		var fEmotsDom = document.createElement('img');
  154. 		fEmotsDom.setAttribute('alt',emotsInfo[i]);
  155. 		fEmotsDom.setAttribute('style','cursor: pointer; background-position: -'+ 16*i +'px 0px;');
  156. 		fEmotsDom.setAttribute('src',ImagesURL + 'blank.gif');
  157. 		fEmotsDom.setAttribute('class','emote_img');
  158. 		fEmotsListDom.appendChild(fEmotsDom);
  159. 	}
  160. 	for(i=0;i<spemotsInfo.length;i+=2) {
  161. 		var fEmotsDom = document.createElement('img');
  162. 		fEmotsDom.setAttribute('alt',spemotsInfo[i]);
  163. 		fEmotsDom.setAttribute('src',ImagesURL + spemotsInfo[i+1]);
  164. 		fEmotsDom.setAttribute('style','cursor: pointer;');
  165. 		fEmotsDom.setAttribute('class','emote_custom');
  166. 		fEmotsListDom.appendChild(fEmotsDom);
  167. 	}
  168. 	
  169. 	fArrow = document.createElement('i');
  170. 	fArrow.setAttribute('alt','');
  171. 	fArrow.setAttribute('class','img chat_arrow');
  172. 	fArrow.setAttribute('style',ArrowStyleUp);
  173. 	fEmotBarDom.appendChild(fArrow);
  174. 	
  175. 	var setting_visible = getValue('visible',true);
  176. 	
  177. 	document.addEventListener('DOMNodeInserted', fInsertedNodeHandler, false);
  178.  
  179. 	function fInsertedNodeHandler(event) {
  180. 		if(event.target.getElementsByClassName && event.target.getElementsByClassName('fbNubFlyout fbDockChatTabFlyout')[0])
  181. 			fInsertEmotBar(event.target);
  182. 	}
  183.  
  184. 	function fInsertEmotBar(fChatWrapper) {
  185. 		fChatToolBox = fChatWrapper.getElementsByClassName('fbNubFlyoutHeader')[0]
  186. 		fNewEmotBar = fEmotBarDom.cloneNode(true);
  187. 		setVisibility(fNewEmotBar);
  188. 		for(i=0;i<fNewEmotBar.firstChild.childNodes.length;i++) fNewEmotBar.firstChild.childNodes[i].addEventListener('click', fEmotClickHandler , false);
  189. 		fNewEmotBar.childNodes[1].addEventListener('click', fHideShowEmotBar , false);
  190. 		if(fChatToolBox.childNodes) fChatToolBox.insertBefore(fNewEmotBar,fChatToolBox.childNodes[1]);
  191. 	}
  192.  
  193. 	function fEmotClickHandler(event){
  194. 		var fChatInput = event.target.parentNode.parentNode.parentNode.parentNode.getElementsByClassName('fbNubFlyoutFooter')[0].getElementsByClassName('inputContainer')[0].getElementsByClassName('uiTextareaAutogrow input')[0];
  195. 		var pos = getCursorPosition(fChatInput);
  196. 		
  197. 		var txtbef = ''; var txtaft = '';
  198. 		
  199. 		if (fChatInput.value.charAt(pos-1) != ' ' && pos-1 > 0) txtbef = ' ';
  200. 		if (fChatInput.value.charAt(pos) != ' ') txtaft = ' ';
  201. 		
  202. 		fChatInput.value = fChatInput.value.substring(0,pos) + txtbef + event.target.getAttribute('alt') + txtaft + fChatInput.value.substring(pos);
  203. 		createSelection(fChatInput,pos + event.target.getAttribute('alt').length + txtaft.length + txtbef.length,pos + event.target.getAttribute('alt').length + txtaft.length + txtbef.length);
  204. 	}
  205. 	
  206. 	function fHideShowEmotBar(event){
  207. 		fChatBar = document.getElementsByName('EmotsList');
  208. 		if(fChatBar[0].getAttribute('style') == 'display: none;') {
  209. 			for(i=0;i<fChatBar.length;i++) {
  210. 				fChatBar[i].setAttribute('style','display: block;');
  211. 				fChatBar[i].parentNode.childNodes[1].setAttribute('style',ArrowStyleUp);
  212. 				fixHeightAndScroll(fChatBar[i]);
  213. 			}
  214. 		}
  215. 		else {
  216. 			for(i=0;i<fChatBar.length;i++) {
  217. 				fChatBar[i].setAttribute('style','display: none;');
  218. 				fChatBar[i].parentNode.childNodes[1].setAttribute('style',ArrowStyleDown);
  219. 				fixHeightAndScroll(fChatBar[i]);
  220. 			}
  221. 		}
  222. 		setValue('visible',!setting_visible);
  223. 		setting_visible = !setting_visible;
  224. 	}
  225. 	
  226. 	function setVisibility(DOM) {
  227. 		if(setting_visible) {
  228. 			DOM.firstChild.setAttribute('style','display: block;');
  229. 			DOM.childNodes[1].setAttribute('style',ArrowStyleUp);
  230. 		}
  231. 		else {
  232. 			DOM.firstChild.setAttribute('style','display: none;');
  233. 			DOM.childNodes[1].setAttribute('style',ArrowStyleDown);
  234. 		}
  235. 	}
  236. 	
  237. 	function fixHeightAndScroll(bar) {
  238. 		fChatContainer = bar.parentNode.parentNode.parentNode;
  239. 		var oldheight = parseInt(fChatContainer.children[2].style.height.replace("px",""));
  240. 		var newheight = 285 - (fChatContainer.children[0].clientHeight + fChatContainer.children[1].clientHeight + fChatContainer.children[3].clientHeight + 1);
  241. 		fChatContainer.children[2].style.height = newheight + "px";
  242. 		fChatContainer.children[2].scrollTop += oldheight - newheight;
  243. 	}

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址