Raw Source
Benissou / EmoJV 

// ==UserScript==
// @name         EmoJV
// @author       Admonitio
// @description  Emoji
// @include      http://www.jeuxvideo.com/forums*
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @grant        GM_addStyle
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_notification
// @grant        GM_xmlhttpRequest
// @grant        GM_getResourceText
// @grant        GM_getResourceURL
// @version      0.2.0
// @icon         http://image.noelshack.com/fichiers/2016/50/1481684643-benissou.gif 
// @copyright    2016+, Admonitio
// ==/UserScript==


/*jshint multistr: true */

var emo_smile = [
  "😀",
  "😁",
  "😂",
  "😃",
  "😄",
  "😅",
  "😆",
  "😇",
  "😈",
  "😉",
  "😊",
  "😋",
  "😌",
  "😍",
  "😎",
  "😏",
  "😐",
  "😑",
  "😒",
  "😓",
  "😔",
  "😕",
  "😖",
  "😗",
  "😘",
  "😙",
  "😚",
  "😛",
  "😜",
  "😝",
  "😞",
  "😟",
  "😠",
  "😡",
  "😢",
  "😣",
  "😤",
  "😥",
  "😦",
  "😧",
  "😨",
  "😩",
  "😪",
  "😫",
  "😬",
  "😭",
  "😮",
  "😯",
  "😰",
  "😱",
  "😲",
  "😳",
  "😴",
  "😵",
  "😶",
  "😷",
  "😸",
  "😹",
  "😺",
  "😻",
  "😼",
  "😽",
  "😾",
  "😿",
  "🙀",
  "🙁",
  "🙂",
  "🙃",
  "🙄"];
 
 var emo_astre = [  
  "🌀",
  "🌁",
  "🌂",
  "🌃",
  "🌄",
  "🌅",
  "🌆",
  "🌇",
  "🌈",
  "🌉",
  "🌊",
  "🌋",
  "🌌",
  "🌍",
  "🌎",
  "🌏",
  "🌐",
  "🌑",
  "🌒",
  "🌓",
  "🌔",
  "🌕",
  "🌖",
  "🌗",
  "🌘",
  "🌙",
  "🌚",
  "🌛",
  "🌜",
  "🌝",
  "🌞",
  "🌟",
  "🌠",
  "🌡",
  "🌤",
  "🌥",
  "🌦",
  "🌧",
  "🌨",
  "🌩",
  "🌪",
  "🌫",
  "🌬"];
 
  var emo_eat = [
  "🌭",
  "🌮",
  "🌯",
  "🌰",
  "🌱",
  "🌲",
  "🌳",
  "🌴",
  "🌵",
  "🌶",
  "🌷",
  "🌸",
  "🌹",
  "🌺",
  "🌻",
  "🌼",
  "🌽",
  "🌾",
  "🌿",
  "🍀",
  "🍁",
  "🍂",
  "🍃",
  "🍄",
  "🍅",
  "🍆",
  "🍇",
  "🍈",
  "🍉",
  "🍊",
  "🍋",
  "🍌",
  "🍍",
  "🍎",
  "🍏",
  "🍐",
  "🍑",
  "🍒",
  "🍓",
  "🍔",
  "🍕",
  "🍖",
  "🍗",
  "🍘",
  "🍙",
  "🍚",
  "🍛",
  "🍜",
  "🍝",
  "🍞",
  "🍟",
  "🍠",
  "🍡",
  "🍢",
  "🍣",
  "🍤",
  "🍥",
  "🍦",
  "🍧",
  "🍨",
  "🍩",
  "🍪",
  "🍫",
  "🍬",
  "🍭",
  "🍮",
  "🍯",
  "🍰",
  "🍱",
  "🍲",
  "🍳",
  "🍴",
  "🍵",
  "🍶",
  "🍷",
  "🍸",
  "🍹",
  "🍺",
  "🍻",
  "🍼",
  "🍽",
  "🍾",
  "🍿",
  "🎀",
  "🎁",
  "🎂"];
 
  var emo_act = [
  "🎃",
  "🎄",
  "🎅🏻",
  "🎅🏼",
  "🎅🏽",
  "🎅🏾",
  "🎅🏿",
  "🎅",
  "🎆",
  "🎇",
  "🎈",
  "🎉",
  "🎊",
  "🎋",
  "🎌",
  "🎍",
  "🎎",
  "🎏",
  "🎐",
  "🎑",
  "🎒",
  "🎓",
  "🎖",
  "🎗",
  "🎙",
  "🎚",
  "🎛",
  "🎞",
  "🎟",
  "🎠",
  "🎡",
  "🎢",
  "🎣",
  "🎤",
  "🎥",
  "🎦",
  "🎧",
  "🎨",
  "🎩",
  "🎪",
  "🎫",
  "🎬",
  "🎭",
  "🎮",
  "🎯",
  "🎰",
  "🎱",
  "🎲",
  "🎳",
  "🎴",
  "🎵",
  "🎶",
  "🎷",
  "🎸",
  "🎹",
  "🎺",
  "🎻",
  "🎼",
  "🎽",
  "🎾",
  "🎿",
  "🏀",
  "🏁",
  "🏂🏻",
  "🏂🏼",
  "🏂🏽",
  "🏂🏾",
  "🏂🏿",
  "🏂",
  "🏃🏻‍♀️",
  "🏃🏻‍♂️",
  "🏃🏻",
  "🏃🏼‍♀️",
  "🏃🏼‍♂️",
  "🏃🏼",
  "🏃🏽‍♀️",
  "🏃🏽‍♂️",
  "🏃🏽",
  "🏃🏾‍♀️",
  "🏃🏾‍♂️",
  "🏃🏾",
  "🏃🏿‍♀️",
  "🏃🏿‍♂️",
  "🏃🏿",
  "🏃‍♀️",
  "🏃‍♂️",
  "🏃",
  "🏄🏻‍♀️",
  "🏄🏻‍♂️",
  "🏄🏻",
  "🏄🏼‍♀️",
  "🏄🏼‍♂️",
  "🏄🏼",
  "🏄🏽‍♀️",
  "🏄🏽‍♂️",
  "🏄🏽",
  "🏄🏾‍♀️",
  "🏄🏾‍♂️",
  "🏄🏾",
  "🏄🏿‍♀️",
  "🏄🏿‍♂️",
  "🏄🏿",
  "🏄‍♀️",
  "🏄‍♂️",
  "🏄",
  "🏅",
  "🏆",
  "🏇🏻",
  "🏇🏼",
  "🏇🏽",
  "🏇🏾",
  "🏇🏿",
  "🏇",
  "🏈",
  "🏉",
  "🏊🏻‍♀️",
  "🏊🏻‍♂️",
  "🏊🏻",
  "🏊🏼‍♀️",
  "🏊🏼‍♂️",
  "🏊🏼",
  "🏊🏽‍♀️",
  "🏊🏽‍♂️",
  "🏊🏽",
  "🏊🏾‍♀️",
  "🏊🏾‍♂️",
  "🏊🏾",
  "🏊🏿‍♀️",
  "🏊🏿‍♂️",
  "🏊🏿",
  "🏊‍♀️",
  "🏊‍♂️",
  "🏊",
  "🏋🏻‍♀️",
  "🏋🏻‍♂️",
  "🏋🏻",
  "🏋🏼‍♀️",
  "🏋🏼‍♂️",
  "🏋🏼",
  "🏋🏽‍♀️",
  "🏋🏽‍♂️",
  "🏋🏽",
  "🏋🏾‍♀️",
  "🏋🏾‍♂️",
  "🏋🏾",
  "🏋🏿‍♀️",
  "🏋🏿‍♂️",
  "🏋🏿",
  "🏋️‍♀️",
  "🏋️‍♂️",
  "🏋",
  "🏌🏻‍♀️",
  "🏌🏻‍♂️",
  "🏌🏻",
  "🏌🏼‍♀️",
  "🏌🏼‍♂️",
  "🏌🏼",
  "🏌🏽‍♀️",
  "🏌🏽‍♂️",
  "🏌🏽",
  "🏌🏾‍♀️",
  "🏌🏾‍♂️",
  "🏌🏾",
  "🏌🏿‍♀️",
  "🏌🏿‍♂️",
  "🏌🏿",
  "🏌️‍♀️",
  "🏌️‍♂️",
  "🏌",
  "🏍",
  "🏎",
  "🏏",
  "🏐",
  "🏑",
  "🏒",
  "🏓"];
 
  var emo_animal = [
    "🐀",
  "🐁",
  "🐂",
  "🐃",
  "🐄",
  "🐅",
  "🐆",
  "🐇",
  "🐈",
  "🐉",
  "🐊",
  "🐋",
  "🐌",
  "🐍",
  "🐎",
  "🐏",
  "🐐",
  "🐑",
  "🐒",
  "🐓",
  "🐔",
  "🐕",
  "🐖",
  "🐗",
  "🐘",
  "🐙",
  "🐚",
  "🐛",
  "🐜",
  "🐝",
  "🐞",
  "🐟",
  "🐠",
  "🐡",
  "🐢",
  "🐣",
  "🐤",
  "🐥",
  "🐦",
  "🐧",
  "🐨",
  "🐩",
  "🐪",
  "🐫",
  "🐬",
  "🐭",
  "🐮",
  "🐯",
  "🐰",
  "🐱",
  "🐲",
  "🐳",
  "🐴",
  "🐵",
  "🐶",
  "🐷",
  "🐸",
  "🐹",
  "🐺",
  "🐻",
  "🐼",
  "🐽",
  "🐾",
  "🐿"];
 
  var emo_build = [
  "🏔",
  "🏕",
  "🏖",
  "🏗",
  "🏘",
  "🏙",
  "🏚",
  "🏛",
  "🏜",
  "🏝",
  "🏞",
  "🏟",
  "🏠",
  "🏡",
  "🏢",
  "🏣",
  "🏤",
  "🏥",
  "🏦",
  "🏧",
  "🏨",
  "🏩",
  "🏪",
  "🏫",
  "🏬",
  "🏭",
  "🏮",
  "🏯",
  "🏰"];
  
 var emo_obj = [
 "⌚️","📱","📲","💻","⏰","⏳","⌛️","📷","📹","🎥","📺","📻","📟","📞","☎️","📠","💽","💾","💿","📀","📼","🔋","🔌","💡","🔦","📡","💳","💸","💰","💎","🌂","👝","👛","👜","💼","🎒","💄","👓","👒","👡","👠","👢","👞","👟","👙","👗","👘","👚","👕","👔","👖","🚪","🚿","🛁","🚽","💈","💉","💊","🔬","🔭","🔮","🔧","🔪","🔩","🔨","💣","🚬","🔫","🔖","📰","🔑","✉️","📩","📨","📧","📥","📤","📦","📯","📮","📪","📫","📬","📭","📄","📃","📑","📈","📉","📊","📅","📆","🔅","🔆","📜","📋","📖","📓","📔","📒","📕","📗","📘","📙","📚","📇","🔗","📎","📌","✂️","📐","📍","📏","🚩","📁","📂","✒️","✏️","📝","🔏","🔐","🔒","🔓","📣","📢","🔈","🔉","🔊","🔇","💤","🔔","🔕","💭","💬","🚸","🔍","🔎","🚫","⛔️","📛","🚷","🚯","🚳","🚱","📵","🔞"];; 


(function() {
    'use strict';

	// Titre liste
		$( '<select id="titre_tag" style="margin-bottom:10px;"> \
  <option value="">-</option>\
  <option value="⚠️[ALERTE]">⚠️[Alerte]</option>\
  <option value="📷[PHOTO]">📷[Photo]</option>\
  <option value="📺[VIDEO]">📺[Vidéo]</option>\
  <option value="👧[FILLE]">👧[Fille]</option>\
  <option value="📋[SONDAGE]">📋[Sondage]</option>\
  <option value="😀[RISITAS]">😀[Risitas]</option>\
  <option value="⚖️[DILEMME]">⚖️[Dilemme]</option>\
  </select> ' ).insertBefore( "#titre_topic" );

	document.getElementsByClassName('btn btn-poster-msg datalayer-push')[0].addEventListener('click', function () {
		
		var e = document.getElementById("titre_tag");
		var strUser = e.options[e.selectedIndex].value;
		var normaltext=document.getElementById('titre_topic').value;
		document.getElementById('titre_topic').value = strUser  + " " + normaltext ;
		
	});
	
	
	
	
	
	
	
	GM_addStyle('#jv-emoji .modal-generic-main {width: 630px;margin-top: 184.5px !important;}');
	GM_addStyle('.emo {cursor: pointer;}');
	GM_addStyle('#emojiclose {cursor: pointer;}');

	var node = document.createElement("button");   
	node.className =  "btn btn-jv-editor-toolbar";	
	node.type ="button";
	node.name ="Emoji";
	node.id = "emoji";
	document.getElementsByClassName("btn-group")[2].appendChild(node); 

	$('#emoji').append('<span  style="color:#a90;">😀</span>');	
	 $('body').append('<div class="modal-generic modal-generic-scroll active" id="jv-emoji" style="display: none;">\
	<div class="modal-generic-main" style="margin-top: 0px;">\
	<a  class="modal-generic-close" id="emojiclose" ><span class="icon-close-popin-jv"></span></a>\
	<div class="modal-generic-header">Emoji</div>\
	<div class="modal-generic-content" id="emoji-list">\
	<p><strong>Pour insérer un emoji, cliquez dessus.</strong></p>\
	</div></div></div>');	

	
	function appendArray (array)
	{
		var list = ""; 
		for(var i=0;i<array.length;i++)
		{
			list+= "<a class=\"emo\">" + array[i] + "</a>";
		}
		$('#emoji-list').append("<p style=\"font-size:24px !important;\">"+ list + "</p>"); 	 

	
	}

	
	$('#emoji-list').append("<p style=\"text-align: center;\">Visage</p>"); 	
	appendArray(emo_smile);
		$('#emoji-list').append("<p style=\"text-align: center;\">Astre</p>"); 
	appendArray(emo_astre);
		$('#emoji-list').append("<p style=\"text-align: center;\">Nourriture</p>"); 
	appendArray(emo_eat);
	//appendArray(emo_act);
		$('#emoji-list').append("<p style=\"text-align: center;\">Construction</p>"); 
	appendArray(emo_build);
		$('#emoji-list').append("<p style=\"text-align: center;\">Animal</p>"); 
	appendArray(emo_animal);
		$('#emoji-list').append("<p style=\"text-align: center;\">Objet</p>"); 
	appendArray(emo_obj);



	document.getElementById('emoji').addEventListener('click', function() {popup("open");});
	document.getElementById('emojiclose').addEventListener('click', function() {popup("close");});

	var classname = document.getElementsByClassName("emo");

	for (var i =0; i < classname.length-1; i++) {
		classname[i].addEventListener('click', function() {addemo(this);});
	}


	function addemo (ele)
	{	
		popup("close");
		elem.value = elem.value.substring(0,start) + ele.innerHTML + elem.value.substring(end,len);
	}

	var elem = document.getElementById('message_topic');
    var start = elem.selectionStart;
    var end = elem.selectionEnd;
    var len = elem.value.length;
    var sel_txt = elem.value.substring(start,end);
	
	
	// POPUP
	function popup (type)
	{
		if(type=="close")
		{
			document.getElementById("jv-emoji").style.display = "none";
		}
		else
		{
			elem = document.getElementById('message_topic');
			start = elem.selectionStart;
			end = elem.selectionEnd;
			len = elem.value.length;
			sel_txt = elem.value.substring(start,end);
			document.getElementById("jv-emoji").style.display = "block";
		}
	}

	
})();