☰

Greasy Fork is available in English.

Google Translator Tooltip Expanded Fork

Translates the selected text into a tooltip automatically. Based on Google Translation Tooltip MLiteKeysOn.

  1. // ==UserScript==
  2. // @name			Google Translator Tooltip Expanded Fork
  3. // @description		Translates the selected text into a tooltip automatically. Based on Google Translation Tooltip MLiteKeysOn.
  4. // @icon           https://raw.githubusercontent.com/Odyseus/GreasemonkeyScripts/master/GoogleTranslatorTooltipExpandedFork/g-translate-logo.png
  5. // @version			1.12
  6. // @include			http*
  7. // @include			https*
  8. // @include			chrome*
  9. // @grant			GM_getValue
  10. // @grant			GM_xmlhttpRequest
  11. // @grant			GM_log
  12. // @grant			GM_deleteValue
  13. // @grant			GM_addStyle
  14. // @grant			GM_openInTab
  15. // @grant			GM_registerMenuCommand
  16. // @grant			GM_setValue
  17. // @namespace https://greasyfork.org/users/5764
  18. // ==/UserScript==
  19. /**
  20.  * ColorPicker - pure JavaScript color picker without using images, external CSS or 1px divs.
  21.  * Copyright © 2011 David Durman, All rights reserved.
  22.  * http://www.daviddurman.com/flexi-color-picker/#
  23.  */
  24. (function (window, document, undefined) {
  25. 	var type = (window.SVGAngle || document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure", "1.1") ? "SVG" : "VML"),
  26. 	picker,
  27. 	slide,
  28. 	hueOffset = 15,
  29. 	svgNS = 'http://www.w3.org/2000/svg';
  30. 	// This HTML snippet is inserted into the innerHTML property of the passed color picker element
  31. 	// when the no-hassle call to ColorPicker() is used, i.e. ColorPicker(function(hex, hsv, rgb) { ... });
  32. 	var colorpickerHTMLSnippet = [
  33. 		'<div class="picker-wrapper">',
  34. 		'<div class="picker"></div>',
  35. 		'<div class="picker-indicator"></div>',
  36. 		'</div>',
  37. 		'<div class="slide-wrapper">',
  38. 		'<div class="slide"></div>',
  39. 		'<div class="slide-indicator"></div>',
  40. 		'</div>'
  41. 	].join('');
  42. 	/**
  43. 	 * Return mouse position relative to the element el.
  44. 	 */
  45. 	function mousePosition(evt) {
  46. 		// IE:
  47. 		if (window.event && window.event.contentOverflow !== undefined) {
  48. 			return {
  49. 				x : window.event.offsetX,
  50. 				y : window.event.offsetY
  51. 			};
  52. 		}
  53. 		// Webkit:
  54. 		if (evt.offsetX !== undefined && evt.offsetY !== undefined) {
  55. 			return {
  56. 				x : evt.offsetX,
  57. 				y : evt.offsetY
  58. 			};
  59. 		}
  60. 		// Firefox:
  61. 		var wrapper = evt.target.parentNode.parentNode;
  62. 		return {
  63. 			x : evt.layerX - wrapper.offsetLeft,
  64. 			y : evt.layerY - wrapper.offsetTop
  65. 		};
  66. 	}
  67. 	/**
  68. 	 * Create SVG element.
  69. 	 */
  70. 	function $(el, attrs, children) {
  71. 		el = document.createElementNS(svgNS, el);
  72. 		for (var key in attrs)
  73. 			el.setAttribute(key, attrs[key]);
  74. 		if (Object.prototype.toString.call(children) != '[object Array]')
  75. 			children = [children];
  76. 		var i = 0,
  77. 		len = (children[0] && children.length) || 0;
  78. 		for (; i < len; i++)
  79. 			el.appendChild(children[i]);
  80. 		return el;
  81. 	}
  82. 	/**
  83. 	 * Create slide and picker markup depending on the supported technology.
  84. 	 */
  85. 	if (type == 'SVG') {
  86. 		slide = $('svg', {
  87. 				xmlns : 'http://www.w3.org/2000/svg',
  88. 				version : '1.1',
  89. 				width : '100%',
  90. 				height : '100%'
  91. 			},
  92. 				[
  93. 					$('defs', {},
  94. 						$('linearGradient', {
  95. 							id : 'gradient-hsv',
  96. 							x1 : '0%',
  97. 							y1 : '100%',
  98. 							x2 : '0%',
  99. 							y2 : '0%'
  100. 						},
  101. 							[
  102. 								$('stop', {
  103. 									offset : '0%',
  104. 									'stop-color' : '#FF0000',
  105. 									'stop-opacity' : '1'
  106. 								}),
  107. 								$('stop', {
  108. 									offset : '13%',
  109. 									'stop-color' : '#FF00FF',
  110. 									'stop-opacity' : '1'
  111. 								}),
  112. 								$('stop', {
  113. 									offset : '25%',
  114. 									'stop-color' : '#8000FF',
  115. 									'stop-opacity' : '1'
  116. 								}),
  117. 								$('stop', {
  118. 									offset : '38%',
  119. 									'stop-color' : '#0040FF',
  120. 									'stop-opacity' : '1'
  121. 								}),
  122. 								$('stop', {
  123. 									offset : '50%',
  124. 									'stop-color' : '#00FFFF',
  125. 									'stop-opacity' : '1'
  126. 								}),
  127. 								$('stop', {
  128. 									offset : '63%',
  129. 									'stop-color' : '#00FF40',
  130. 									'stop-opacity' : '1'
  131. 								}),
  132. 								$('stop', {
  133. 									offset : '75%',
  134. 									'stop-color' : '#0BED00',
  135. 									'stop-opacity' : '1'
  136. 								}),
  137. 								$('stop', {
  138. 									offset : '88%',
  139. 									'stop-color' : '#FFFF00',
  140. 									'stop-opacity' : '1'
  141. 								}),
  142. 								$('stop', {
  143. 									offset : '100%',
  144. 									'stop-color' : '#FF0000',
  145. 									'stop-opacity' : '1'
  146. 								})
  147. 							])),
  148. 					$('rect', {
  149. 						x : '0',
  150. 						y : '0',
  151. 						width : '100%',
  152. 						height : '100%',
  153. 						fill : 'url(#gradient-hsv)'
  154. 					})
  155. 				]);
  156. 		picker = $('svg', {
  157. 				xmlns : 'http://www.w3.org/2000/svg',
  158. 				version : '1.1',
  159. 				width : '100%',
  160. 				height : '100%'
  161. 			},
  162. 				[
  163. 					$('defs', {},
  164. 						[
  165. 							$('linearGradient', {
  166. 								id : 'gradient-black',
  167. 								x1 : '0%',
  168. 								y1 : '100%',
  169. 								x2 : '0%',
  170. 								y2 : '0%'
  171. 							},
  172. 								[
  173. 									$('stop', {
  174. 										offset : '0%',
  175. 										'stop-color' : '#000000',
  176. 										'stop-opacity' : '1'
  177. 									}),
  178. 									$('stop', {
  179. 										offset : '100%',
  180. 										'stop-color' : '#CC9A81',
  181. 										'stop-opacity' : '0'
  182. 									})
  183. 								]),
  184. 							$('linearGradient', {
  185. 								id : 'gradient-white',
  186. 								x1 : '0%',
  187. 								y1 : '100%',
  188. 								x2 : '100%',
  189. 								y2 : '100%'
  190. 							},
  191. 								[
  192. 									$('stop', {
  193. 										offset : '0%',
  194. 										'stop-color' : '#FFFFFF',
  195. 										'stop-opacity' : '1'
  196. 									}),
  197. 									$('stop', {
  198. 										offset : '100%',
  199. 										'stop-color' : '#CC9A81',
  200. 										'stop-opacity' : '0'
  201. 									})
  202. 								])
  203. 						]),
  204. 					$('rect', {
  205. 						x : '0',
  206. 						y : '0',
  207. 						width : '100%',
  208. 						height : '100%',
  209. 						fill : 'url(#gradient-white)'
  210. 					}),
  211. 					$('rect', {
  212. 						x : '0',
  213. 						y : '0',
  214. 						width : '100%',
  215. 						height : '100%',
  216. 						fill : 'url(#gradient-black)'
  217. 					})
  218. 				]);
  219. 	} else if (type == 'VML') {
  220. 		slide = [
  221. 			'<DIV style="position: relative; width: 100%; height: 100%">',
  222. 			'<v:rect style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" stroked="f" filled="t">',
  223. 			'<v:fill type="gradient" method="none" angle="0" color="red" color2="red" colors="8519f fuchsia;.25 #8000ff;24903f #0040ff;.5 aqua;41287f #00ff40;.75 #0bed00;57671f yellow"></v:fill>',
  224. 			'</v:rect>',
  225. 			'</DIV>'
  226. 		].join('');
  227. 		picker = [
  228. 			'<DIV style="position: relative; width: 100%; height: 100%">',
  229. 			'<v:rect style="position: absolute; left: -1px; top: -1px; width: 101%; height: 101%" stroked="f" filled="t">',
  230. 			'<v:fill type="gradient" method="none" angle="270" color="#FFFFFF" opacity="100%" color2="#CC9A81" o:opacity2="0%"></v:fill>',
  231. 			'</v:rect>',
  232. 			'<v:rect style="position: absolute; left: 0px; top: 0px; width: 100%; height: 101%" stroked="f" filled="t">',
  233. 			'<v:fill type="gradient" method="none" angle="0" color="#000000" opacity="100%" color2="#CC9A81" o:opacity2="0%"></v:fill>',
  234. 			'</v:rect>',
  235. 			'</DIV>'
  236. 		].join('');
  237. 		if (!document.namespaces['v'])
  238. 			document.namespaces.add('v', 'urn:schemas-microsoft-com:vml', '#default#VML');
  239. 	}
  240. 	/**
  241. 	 * Convert HSV representation to RGB HEX string.
  242. 	 * Credits to http://www.raphaeljs.com
  243. 	 */
  244. 	function hsv2rgb(hsv) {
  245. 		var R,
  246. 		G,
  247. 		B,
  248. 		X,
  249. 		C;
  250. 		var h = (hsv.h % 360) / 60;
  251. 		C = hsv.v * hsv.s;
  252. 		X = C * (1 - Math.abs(h % 2 - 1));
  253. 		R = G = B = hsv.v - C;
  254. 		h = ~~h;
  255. 		R += [C, X, 0, 0, X, C][h];
  256. 		G += [X, C, C, X, 0, 0][h];
  257. 		B += [0, 0, X, C, C, X][h];
  258. 		var r = Math.floor(R * 255);
  259. 		var g = Math.floor(G * 255);
  260. 		var b = Math.floor(B * 255);
  261. 		return {
  262. 			r : r,
  263. 			g : g,
  264. 			b : b,
  265. 			hex : "#" + (16777216 | b | (g << 8) | (r << 16)).toString(16).slice(1)
  266. 		};
  267. 	}
  268. 	/**
  269. 	 * Convert RGB representation to HSV.
  270. 	 * r, g, b can be either in <0,1> range or <0,255> range.
  271. 	 * Credits to http://www.raphaeljs.com
  272. 	 */
  273. 	function rgb2hsv(rgb) {
  274. 		var r = rgb.r;
  275. 		var g = rgb.g;
  276. 		var b = rgb.b;
  277. 		if (rgb.r > 1 || rgb.g > 1 || rgb.b > 1) {
  278. 			r /= 255;
  279. 			g /= 255;
  280. 			b /= 255;
  281. 		}
  282. 		var H,
  283. 		S,
  284. 		V,
  285. 		C;
  286. 		V = Math.max(r, g, b);
  287. 		C = V - Math.min(r, g, b);
  288. 		H = (C == 0 ? null :
  289. 			V == r ? (g - b) / C + (g < b ? 6 : 0) :
  290. 			V == g ? (b - r) / C + 2 :
  291. 			(r - g) / C + 4);
  292. 		H = (H % 6) * 60;
  293. 		S = C == 0 ? 0 : C / V;
  294. 		return {
  295. 			h : H,
  296. 			s : S,
  297. 			v : V
  298. 		};
  299. 	}
  300. 	/**
  301. 	 * Return click event handler for the slider.
  302. 	 * Sets picker background color and calls ctx.callback if provided.
  303. 	 */
  304. 	function slideListener(ctx, slideElement, pickerElement) {
  305. 		return function (evt) {
  306. 			evt = evt || window.event;
  307. 			var mouse = mousePosition(evt);
  308. 			ctx.h = mouse.y / slideElement.offsetHeight * 360 + hueOffset;
  309. 			var pickerColor = hsv2rgb({
  310. 					h : ctx.h,
  311. 					s : 1,
  312. 					v : 1
  313. 				});
  314. 			var c = hsv2rgb({
  315. 					h : ctx.h,
  316. 					s : ctx.s,
  317. 					v : ctx.v
  318. 				});
  319. 			pickerElement.style.backgroundColor = pickerColor.hex;
  320. 			ctx.callback && ctx.callback(c.hex, {
  321. 				h : ctx.h - hueOffset,
  322. 				s : ctx.s,
  323. 				v : ctx.v
  324. 			}, {
  325. 				r : c.r,
  326. 				g : c.g,
  327. 				b : c.b
  328. 			}, undefined, mouse);
  329. 		}
  330. 	};
  331. 	/**
  332. 	 * Return click event handler for the picker.
  333. 	 * Calls ctx.callback if provided.
  334. 	 */
  335. 	function pickerListener(ctx, pickerElement) {
  336. 		return function (evt) {
  337. 			evt = evt || window.event;
  338. 			var mouse = mousePosition(evt),
  339. 			width = pickerElement.offsetWidth,
  340. 			height = pickerElement.offsetHeight;
  341. 			ctx.s = mouse.x / width;
  342. 			ctx.v = (height - mouse.y) / height;
  343. 			var c = hsv2rgb(ctx);
  344. 			ctx.callback && ctx.callback(c.hex, {
  345. 				h : ctx.h - hueOffset,
  346. 				s : ctx.s,
  347. 				v : ctx.v
  348. 			}, {
  349. 				r : c.r,
  350. 				g : c.g,
  351. 				b : c.b
  352. 			}, mouse);
  353. 		}
  354. 	};
  355. 	var uniqID = 0;
  356. 	/**
  357. 	 * ColorPicker.
  358. 	 * @param {DOMElement} slideElement HSV slide element.
  359. 	 * @param {DOMElement} pickerElement HSV picker element.
  360. 	 * @param {Function} callback Called whenever the color is changed provided chosen color in RGB HEX format as the only argument.
  361. 	 */
  362. 	function ColorPicker(slideElement, pickerElement, callback) {
  363. 		if (!(this instanceof ColorPicker))
  364. 			return new ColorPicker(slideElement, pickerElement, callback);
  365. 		this.h = 0;
  366. 		this.s = 1;
  367. 		this.v = 1;
  368. 		if (!callback) {
  369. 			// call of the form ColorPicker(element, funtion(hex, hsv, rgb) { ... }), i.e. the no-hassle call.
  370. 			var element = slideElement;
  371. 			element.innerHTML = colorpickerHTMLSnippet;
  372. 			this.slideElement = element.getElementsByClassName('slide')[0];
  373. 			this.pickerElement = element.getElementsByClassName('picker')[0];
  374. 			var slideIndicator = element.getElementsByClassName('slide-indicator')[0];
  375. 			var pickerIndicator = element.getElementsByClassName('picker-indicator')[0];
  376. 			ColorPicker.fixIndicators(slideIndicator, pickerIndicator);
  377. 			this.callback = function (hex, hsv, rgb, pickerCoordinate, slideCoordinate) {
  378. 				ColorPicker.positionIndicators(slideIndicator, pickerIndicator, slideCoordinate, pickerCoordinate);
  379. 				pickerElement(hex, hsv, rgb);
  380. 			};
  381. 		} else {
  382. 			this.callback = callback;
  383. 			this.pickerElement = pickerElement;
  384. 			this.slideElement = slideElement;
  385. 		}
  386. 		if (type == 'SVG') {
  387. 			// Generate uniq IDs for linearGradients so that we don't have the same IDs within one document.
  388. 			// Then reference those gradients in the associated rectangles.
  389. 			var slideClone = slide.cloneNode(true);
  390. 			var pickerClone = picker.cloneNode(true);
  391. 			var hsvGradient = slideClone.getElementById('gradient-hsv');
  392. 			var hsvRect = slideClone.getElementsByTagName('rect')[0];
  393. 			hsvGradient.id = 'gradient-hsv-' + uniqID;
  394. 			hsvRect.setAttribute('fill', 'url(#' + hsvGradient.id + ')');
  395. 			var blackAndWhiteGradients = [pickerClone.getElementById('gradient-black'), pickerClone.getElementById('gradient-white')];
  396. 			var whiteAndBlackRects = pickerClone.getElementsByTagName('rect');
  397. 			blackAndWhiteGradients[0].id = 'gradient-black-' + uniqID;
  398. 			blackAndWhiteGradients[1].id = 'gradient-white-' + uniqID;
  399. 			whiteAndBlackRects[0].setAttribute('fill', 'url(#' + blackAndWhiteGradients[1].id + ')');
  400. 			whiteAndBlackRects[1].setAttribute('fill', 'url(#' + blackAndWhiteGradients[0].id + ')');
  401. 			this.slideElement.appendChild(slideClone);
  402. 			this.pickerElement.appendChild(pickerClone);
  403. 			uniqID++;
  404. 		} else {
  405. 			this.slideElement.innerHTML = slide;
  406. 			this.pickerElement.innerHTML = picker;
  407. 		}
  408. 		addEventListener(this.slideElement, 'click', slideListener(this, this.slideElement, this.pickerElement));
  409. 		addEventListener(this.pickerElement, 'click', pickerListener(this, this.pickerElement));
  410. 		enableDragging(this, this.slideElement, slideListener(this, this.slideElement, this.pickerElement));
  411. 		enableDragging(this, this.pickerElement, pickerListener(this, this.pickerElement));
  412. 	};
  413. 	function addEventListener(element, event, listener) {
  414. 		if (element.attachEvent) {
  415. 			element.attachEvent('on' + event, listener);
  416. 		} else if (element.addEventListener) {
  417. 			element.addEventListener(event, listener, false);
  418. 		}
  419. 	}
  420. 	/**
  421. 	 * Enable drag&drop color selection.
  422. 	 * @param {object} ctx ColorPicker instance.
  423. 	 * @param {DOMElement} element HSV slide element or HSV picker element.
  424. 	 * @param {Function} listener Function that will be called whenever mouse is dragged over the element with event object as argument.
  425. 	 */
  426. 	function enableDragging(ctx, element, listener) {
  427. 		var mousedown = false;
  428. 		addEventListener(element, 'mousedown', function (evt) {
  429. 			mousedown = true;
  430. 		});
  431. 		addEventListener(element, 'mouseup', function (evt) {
  432. 			mousedown = false;
  433. 		});
  434. 		addEventListener(element, 'mouseout', function (evt) {
  435. 			mousedown = false;
  436. 		});
  437. 		addEventListener(element, 'mousemove', function (evt) {
  438. 			if (mousedown) {
  439. 				listener(evt);
  440. 			}
  441. 		});
  442. 	}
  443. 	ColorPicker.hsv2rgb = function (hsv) {
  444. 		var rgbHex = hsv2rgb(hsv);
  445. 		delete rgbHex.hex;
  446. 		return rgbHex;
  447. 	};
  448. 	ColorPicker.hsv2hex = function (hsv) {
  449. 		return hsv2rgb(hsv).hex;
  450. 	};
  451. 	ColorPicker.rgb2hsv = rgb2hsv;
  452. 	ColorPicker.rgb2hex = function (rgb) {
  453. 		return hsv2rgb(rgb2hsv(rgb)).hex;
  454. 	};
  455. 	ColorPicker.hex2hsv = function (hex) {
  456. 		return rgb2hsv(ColorPicker.hex2rgb(hex));
  457. 	};
  458. 	ColorPicker.hex2rgb = function (hex) {
  459. 		return {
  460. 			r : parseInt(hex.substr(1, 2), 16),
  461. 			g : parseInt(hex.substr(3, 2), 16),
  462. 			b : parseInt(hex.substr(5, 2), 16)
  463. 		};
  464. 	};
  465. 	/**
  466. 	 * Sets color of the picker in hsv/rgb/hex format.
  467. 	 * @param {object} ctx ColorPicker instance.
  468. 	 * @param {object} hsv Object of the form: { h: <hue>, s: <saturation>, v: <value> }.
  469. 	 * @param {object} rgb Object of the form: { r: <red>, g: <green>, b: <blue> }.
  470. 	 * @param {string} hex String of the form: #RRGGBB.
  471. 	 */
  472. 	function setColor(ctx, hsv, rgb, hex) {
  473. 		ctx.h = hsv.h % 360;
  474. 		ctx.s = hsv.s;
  475. 		ctx.v = hsv.v;
  476. 		var c = hsv2rgb(ctx);
  477. 		var mouseSlide = {
  478. 			y : (ctx.h * ctx.slideElement.offsetHeight) / 360,
  479. 			x : 0 // not important
  480. 		};
  481. 		var pickerHeight = ctx.pickerElement.offsetHeight;
  482. 		var mousePicker = {
  483. 			x : ctx.s * ctx.pickerElement.offsetWidth,
  484. 			y : pickerHeight - ctx.v * pickerHeight
  485. 		};
  486. 		ctx.pickerElement.style.backgroundColor = hsv2rgb({
  487. 				h : ctx.h,
  488. 				s : 1,
  489. 				v : 1
  490. 			}).hex;
  491. 		ctx.callback && ctx.callback(hex || c.hex, {
  492. 			h : ctx.h,
  493. 			s : ctx.s,
  494. 			v : ctx.v
  495. 		}, rgb || {
  496. 			r : c.r,
  497. 			g : c.g,
  498. 			b : c.b
  499. 		}, mousePicker, mouseSlide);
  500. 		return ctx;
  501. 	};
  502. 	/**
  503. 	 * Sets color of the picker in hsv format.
  504. 	 * @param {object} hsv Object of the form: { h: <hue>, s: <saturation>, v: <value> }.
  505. 	 */
  506. 	ColorPicker.prototype.setHsv = function (hsv) {
  507. 		return setColor(this, hsv);
  508. 	};
  509. 	/**
  510. 	 * Sets color of the picker in rgb format.
  511. 	 * @param {object} rgb Object of the form: { r: <red>, g: <green>, b: <blue> }.
  512. 	 */
  513. 	ColorPicker.prototype.setRgb = function (rgb) {
  514. 		return setColor(this, rgb2hsv(rgb), rgb);
  515. 	};
  516. 	/**
  517. 	 * Sets color of the picker in hex format.
  518. 	 * @param {string} hex Hex color format #RRGGBB.
  519. 	 */
  520. 	ColorPicker.prototype.setHex = function (hex) {
  521. 		return setColor(this, ColorPicker.hex2hsv(hex), undefined, hex);
  522. 	};
  523. 	/**
  524. 	 * Helper to position indicators.
  525. 	 * @param {HTMLElement} slideIndicator DOM element representing the indicator of the slide area.
  526. 	 * @param {HTMLElement} pickerIndicator DOM element representing the indicator of the picker area.
  527. 	 * @param {object} mouseSlide Coordinates of the mouse cursor in the slide area.
  528. 	 * @param {object} mousePicker Coordinates of the mouse cursor in the picker area.
  529. 	 */
  530. 	ColorPicker.positionIndicators = function (slideIndicator, pickerIndicator, mouseSlide, mousePicker) {
  531. 		if (mouseSlide) {
  532. 			slideIndicator.style.top = (mouseSlide.y - slideIndicator.offsetHeight / 2) + 'px';
  533. 		}
  534. 		if (mousePicker) {
  535. 			pickerIndicator.style.top = (mousePicker.y - pickerIndicator.offsetHeight / 2) + 'px';
  536. 			pickerIndicator.style.left = (mousePicker.x - pickerIndicator.offsetWidth / 2) + 'px';
  537. 		}
  538. 	};
  539. 	/**
  540. 	 * Helper to fix indicators - this is recommended (and needed) for dragable color selection (see enabledDragging()).
  541. 	 */
  542. 	ColorPicker.fixIndicators = function (slideIndicator, pickerIndicator) {
  543. 		pickerIndicator.style.pointerEvents = 'none';
  544. 		slideIndicator.style.pointerEvents = 'none';
  545. 	};
  546. 	window.ColorPicker = ColorPicker;
  547. })(window, window.document);
  548. const HREF_NO = 'javascript:void(0)';
  549. initCrossBrowserSupportForGmFunctions();
  550. var languagesGoogle = '<option value="auto">Detect language</option><option value="af">Afrikaans</option><option value="sq">Albanian</option><option value="ar">Arabic</option><option value="hy">Armenian</option><option value="az">Aerbaijani</option><option value="eu">Basque</option><option value="be">Belarusian</option><option value="bn">Bengali</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (simplified)</option><option value="zh-TW">Chinese (traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="et">Estonian</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="gl">Galician</option><option value="ka">Georgian</option><option value="de">German</option><option value="el">Greek</option><option value="ht">Haitian Creole</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="hu">Hungarian</option><option value="is">Icelandic</option><option value="id">Indonesian</option><option value="ga">Irish</option><option value="it">Italian</option><option  value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="mk">Macedonian</option><option value="ms">Malay</option><option value="mt">Maltese</option><option value="no">Norwegian</option><option value="fa">Persian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option  value="sl">Slovenian</option><option value="es">Spanish</option><option value="sw">Swahili</option><option value="sv">Swedish</option><option value="th">Thai</option><option value="tr">Turkish</option><option value="uk">Ukrainian</option><option value="ur">Urdu</option><option value="vi">Vietnamese</option><option value="cy">Welsh</option><option value="yi">Yiddish</option>';
  551. var body = getTag('body')[0];
  552. var imgLookup;
  553. var txtSel = encodeURIComponent(txtSel); // text selected
  554. var translation2Element = document.createElement('span');
  555. var currentURL;
  556. var initialized = false;
  557. images();
  558. css();
  559. document.addEventListener('mouseup', showLookupIcon, false);
  560. document.addEventListener('mousedown', mousedownCleaning, false);
  561. function mousedownCleaning(evt) {
  562. 	var divDic = getId('divDic');
  563. 	var divLookup = getId('divLookup');
  564. 	if (divDic) {
  565. 		if (!clickedInsideID(evt.target, 'divDic'))
  566. 			divDic.parentNode.removeChild(divDic);
  567. 	}
  568. 	if (divLookup)
  569. 		divLookup.parentNode.removeChild(divLookup);
  570. }
  571. function showLookupIcon(evt) {
  572. 	if (evt.ctrlKey && evt.altKey && (!GM_getValue('ctrl') || !GM_getValue('alt')))
  573. 		return;
  574. 	// XOR http://www.howtocreate.co.uk/xor.html
  575. 	if (evt.ctrlKey ? !GM_getValue('ctrl') : GM_getValue('ctrl'))
  576. 		return;
  577. 	if (evt.altKey ? !GM_getValue('alt') : GM_getValue('alt'))
  578. 		return;
  579. 	if (!initialized) {
  580. 		images();
  581. 		css();
  582. 		initialized = true;
  583. 	}
  584. 	var divDic = getId('divDic');
  585. 	var divLookup = getId('divLookup');
  586. 	txtSel = getSelection();
  587. 	// Exit if no text is selected
  588. 	if (!txtSel || txtSel == "") {
  589. 		if (divDic) {
  590. 			if (!clickedInsideID(evt.target, 'divDic'))
  591. 				divDic.parentNode.removeChild(divDic);
  592. 		}
  593. 		if (divLookup)
  594. 			divLookup.parentNode.removeChild(divLookup);
  595. 		return;
  596. 	}
  597. 	// Possible cleanup
  598. 	if (divDic) {
  599. 		if (!clickedInsideID(evt.target, 'divDic'))
  600. 			divDic.parentNode.removeChild(divDic);
  601. 		return;
  602. 	}
  603. 	// Remove div if exists
  604. 	if (divLookup) {
  605. 		divLookup.parentNode.removeChild(divLookup);
  606. 	}
  607. 	// Div container
  608. 	divLookup = createElement('div', {
  609. 			id : 'divLookup',
  610. 			style : 'background-color:transparent; color:#000000; position:absolute; top:' + (evt.clientY + window.pageYOffset + 10) + 'px; left:' + (evt.clientX + window.pageXOffset + 10) + 'px; padding:0px; z-index:10000; border-radius:2px;'
  611. 		});
  612. 	divLookup.appendChild(imgLookup.cloneNode(false));
  613. 	divLookup.addEventListener('mouseover', lookup, false);
  614. 	body.appendChild(divLookup);
  615. }
  616. // Create the tooltip and launch the Google Translate request to get the translation
  617. function lookup(evt) {
  618. 	var divResult = null;
  619. 	var divDic = getId('divDic');
  620. 	var divLookup = getId('divLookup');
  621. 	var top = divLookup.style.top;
  622. 	var left = divLookup.style.left;
  623. 	// No text selected
  624. 	if (!txtSel || txtSel == "") {
  625. 		if (divDic = getId('divDic'))
  626. 			divDic.parentNode.removeChild(divDic);
  627. 		return;
  628. 	}
  629. 	// Cleanup divs
  630. 	if (divDic = getId('divDic')) {
  631. 		divDic.parentNode.removeChild(divDic);
  632. 	}
  633. 	divLookup.parentNode.removeChild(divLookup);
  634. 	// Div container
  635. 	divDic = createElement('div', {
  636. 			id : 'divDic',
  637. 			style : 'opacity: 1; font-family: "Open Sans", Arial, Helvetica, sans-serif !important; font-size: ' + GM_getValue('fontsize', 'small') + '; background-color: ' + GM_getValue('backgroundColor', '#EDF4FC') + '; color: ' + GM_getValue('textcolor', 'Gray') + '; position:absolute; top:' + top + '; left:' + left + '; min-width:250px; min-height:50px; max-width:50%; padding:5px; text-align:left; z-index:10000; border-radius:4px; box-shadow: -2px 0px 9px 5px #898D91'
  638. 		});
  639. 	divDic.addEventListener('mousedown', dragHandler, false);
  640. 	body.appendChild(divDic);
  641. 	// Div result
  642. 	// This awfull wall of text is the "+" image
  643. 	divResult = createElement('div', {
  644. 			id : 'divResult',
  645. 			style : 'overflow:auto; padding:3px;'
  646. 		}, null, '<img src="data:image/gif;base64,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' +
  647. 			'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' +
  648. 			'SX8jiuicMMBFd2OmKwQFs2tjXpDfnPE1j30V3c7iRHlrzBD2HONzODyZtsQJMI4r0AUNaE3XNHQw95c9GC001MpIxDacFQ+ulTNTZlU3O1eWVHa6vb/pnQUUrgHHSBKIuwG+bCPyEqbAg25gMVV1iOB/IGh5YOKLKIQ6xBAcUHmzjIcIqgajZ+Ro42DcvXl7j0U4WOUd+2IGu7DWjI1pt4DYq8BPm0entuGSQY/4tBi9Ss0HqfwngBQtHbCH88MQXb/zxyFfRRRHMN+/889BHL/301Fdv/fXYZ39CCAAh+QQJCgAAACwAAAAA3AATAAAF/yAgjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgECAaEpHLJbDqf0Kh0Sq1ar9isdjoQtAQFh2fAKXsKm7R6Q+Y43vABep0mGwwOPH7w2CT+gHZ3d3lyagl+CQNvg4yGh36LcHoGfHR/ZYOElQ9/a4ocmoRygIiRk5p8pYmZjXePaYBujHoOqp5qZHBlHAUFXitddg8PBg8KGsgayxvGkAkFDwgICtPTzX2mftHW3QnOpojG3dbYkNjk1waxsdDS1N7ga9zw1t/aifTk35fu6Qj3numL14fOuHTNECHqU4DDgQEsCCwidiHBAwYQMmpcUOCAhI8gJVzUuLGThAQnP/9abEAyI4MCIVOKZNnyJUqUJxNcGNlywYOQgHZirGkSJ8gHNEky+AkS58qWEJYC/bMzacmbQHkqNdlUJ1KoSz2i9COhmQYCEXtVrCBgwYS3cCf8qTcNQ9u4cFFOq2bPLV65Cf7dxZthbjW+CgbjnWtNgWPFcAsHdoxgWWK/iyV045sAc2S96SDn1exYw17REwpLQEYt2eW/qtPZRQAB7QoC61RW+GsBwYZ/CXb/XRCYLsAKFizEtUAc+G7lcZsjroscOvTmsoUvx15PwccJ0N8yL17N9PG/E7jv9S4hOV7pdIPDdZ+ePDzv2qMXn2b5+wTbKuAWnF3oZbABZY' +
  649. 			'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' +
  650. 			'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"/><br/>Loading...');
  651. 	divDic.appendChild(divResult);
  652. 	// Options link
  653. 	var optionLink = createElement('a', {
  654. 			id : 'optionsLink',
  655. 			href : HREF_NO,
  656. 			style : 'opacity:0.2; position:absolute; bottom:3px; right:13px; font-size:18px; text-decoration:none!important;background:#528DDF;padding:1px;color:#fff;border-radius:6px 6px 6px 6px;border:2px solid #EEEEEE;font-weight:bold;width:20px;text-align:center;display:block;'
  657. 		}, 'click openCloseOptions false', '+');
  658. 	divDic.appendChild(optionLink);
  659. 	optionLink.addEventListener('mouseover', function (e) {
  660. 		e.target.style.opacity = 1.0
  661. 	});
  662. 	optionLink.addEventListener('mouseout', function (e) {
  663. 		e.target.style.opacity = 0.2
  664. 	});
  665. 	// Send the Google Translate request
  666. 	if ((txtSel + " ").search(/^\s*https?:\/\//) > -1) {
  667. 		divResult.innerHTML = '<a href="' + txtSel + '" target="_blank" >' + txtSel + '</a>';
  668. 	} else if ((txtSel + " ").search(/^\s*\S+(\.\S+)+/) > -1) // site.dom
  669. 	{
  670. 		divResult.innerHTML = '<a style="color:#888;" href="http://' + txtSel + '" target="_blank" >' + txtSel + '</a>';
  671. 	} else {
  672. 		var sl,
  673. 		tl,
  674. 		lang;
  675. 		sl = GM_getValue('from') ? GM_getValue('from') : "auto";
  676. 		tl = GM_getValue('to') ? GM_getValue('to') : "auto";
  677. 		lang = sl + "|" + tl;
  678. 		//currentURL = "http://www.google.com/translate_t?text=" + encodeURIComponent(txtSel) + "&langpair=" + lang; // Basic address, for web page parsing
  679. 		//currentURL = "http://translate.google.fr/translate_a/t?client=t&text=" + encodeURIComponent(txtSel) + "&langpair=" + lang; // URL for GET request. This adress return an array as answer
  680. 		currentPostData = "client=t&text=" + encodeURIComponent(txtSel) + "&langpair=" + lang; // Data for a POST request, for handling long requests
  681. 		GM_xmlhttpRequest({
  682. 			/*method: 'GET',
  683. 			url: currentURL,*/
  684. 			method : 'POST',
  685. 			url : 'http://translate.google.fr/translate_a/t',
  686. 			data : currentPostData,
  687. 			headers : {
  688. 				'Content-Type' : 'application/x-www-form-urlencoded'
  689. 			},
  690. 			onload : function (resp) {
  691. 				try {
  692. 					extractResult(resp.responseText);
  693. 				} catch (e) {
  694. 					GM_log(e);
  695. 				}
  696. 			}
  697. 		});
  698. 		if (GM_getValue('to2', 'Disabled') != 'Disabled') {
  699. 			sl = GM_getValue('from') ? GM_getValue('from') : "auto";
  700. 			tl = GM_getValue('to2') ? GM_getValue('to2') : "auto";
  701. 			lang = sl + "|" + tl;
  702. 			currentPostData = "client=t&text=" + encodeURIComponent(txtSel) + "&langpair=" + lang; // Data for a POST request, for handling long requests
  703. 			GM_xmlhttpRequest({
  704. 				method : 'POST',
  705. 				url : 'http://translate.google.fr/translate_a/t',
  706. 				data : currentPostData,
  707. 				headers : {
  708. 					'Content-Type' : 'application/x-www-form-urlencoded'
  709. 				},
  710. 				onload : function (resp) {
  711. 					try {
  712. 						extractResult2(resp.responseText);
  713. 					} catch (e) {
  714. 						GM_log(e);
  715. 					}
  716. 				}
  717. 			});
  718. 		} else {
  719. 			translation2Element.innerHTML = '';
  720. 		}
  721. 	}
  722. }
  723. // Lanched when we select an other language in the setup menu
  724. function quickLookup() {
  725. 	getId('divDic').style.fontSize = getId('optFontSize').value;
  726. 	getId('divDic').style.color = getId('optTextColor').value;
  727. 	getId('divResult').innerHTML = 'Loading...';
  728. 	var sl,
  729. 	tl,
  730. 	lang;
  731. 	sl = getId('optSelLangFrom').value;
  732. 	tl = getId('optSelLangTo').value;
  733. 	lang = sl + "|" + tl;
  734. 	currentPostData = "client=t&text=" + encodeURIComponent(txtSel) + "&langpair=" + lang; // Data for a POST request, for handling long requests
  735. 	GM_xmlhttpRequest({
  736. 		method : 'POST',
  737. 		url : 'http://translate.google.fr/translate_a/t',
  738. 		data : currentPostData,
  739. 		headers : {
  740. 			'Content-Type' : 'application/x-www-form-urlencoded'
  741. 		},
  742. 		onload : function (resp) {
  743. 			try {
  744. 				extractResult(resp.responseText);
  745. 			} catch (e) {
  746. 				GM_log(e);
  747. 			}
  748. 		}
  749. 	});
  750. 	if (getId('optSelLangTo2').value != 'Disabled') {
  751. 		var sl,
  752. 		tl,
  753. 		lang;
  754. 		sl = getId('optSelLangFrom').value;
  755. 		tl = getId('optSelLangTo2').value;
  756. 		currentPostData = "client=t&text=" + encodeURIComponent(txtSel) + "&langpair=" + lang; // Data for a POST request, for handling long requests
  757. 		GM_xmlhttpRequest({
  758. 			method : 'POST',
  759. 			url : 'http://translate.google.fr/translate_a/t',
  760. 			data : currentPostData,
  761. 			headers : {
  762. 				'Content-Type' : 'application/x-www-form-urlencoded'
  763. 			},
  764. 			onload : function (resp) {
  765. 				try {
  766. 					extractResult2(resp.responseText);
  767. 				} catch (e) {
  768. 					GM_log(e);
  769. 				}
  770. 			}
  771. 		});
  772. 	} else {
  773. 		translation2Element.innerHTML = '';
  774. 	}
  775. }
  776. function extractResult(gTradStringArray) {
  777. 	var arr = eval(gTradStringArray); // eval is used to transform the string to an array. I alse made a custom parsing function, but it doesn't handle antislashed characters, so I prefer using eval()
  778. 	/*
  779. 	Content of the gTrad array :
  780. 	0 / 0:Translation 1:Source text
  781. 	1 / i:Grammar / 0:Types (word, verb, ...) 1: Other translations
  782. 	5 / Array of other translations
  783. 	 */
  784. 	var translation = '';
  785. 	// 0 - Full translation
  786. 	translation += '<small><a href="https://translate.google.com/#' + GM_getValue('from', 'auto') + '/' + GM_getValue('to', 'auto') + '/' + txtSel + '">[' + arr[2] + '] ';
  787. 	for (var i = 0; i < arr[0].length; i++)
  788. 		translation += arr[0][i][1];
  789. 	translation += '</a> <span id="texttospeachbuttonfrom"></span></small><br/>';
  790. 	translation += '[' + GM_getValue('to', 'auto') + ']<em> ';
  791. 	for (var i = 0; i < arr[0].length; i++)
  792. 		translation += arr[0][i][0];
  793. 	translation += '</em> <span id="texttospeachbuttonto"></span><br/><span id="translation2Element"></span><br/>';
  794. 	translation += '<a id="toggleShowDetails" ' + (!GM_getValue('details', 'false') ? 'style="display:none"' : '') + '>Show details</a>';
  795. 	translation += '<span id="divDetails" ' + (GM_getValue('details', 'false') ? 'style="display:none"' : '') + '><a id="toggleHideDetails">Hide details</a><br/>';
  796. 	// 1 - Grammar
  797. 	if (typeof arr[1] != 'undefined') {
  798. 		for (var i = 0; i < arr[1].length; i++) {
  799. 			translation += '<strong>' + arr[1][i][0] + ' : </strong>';
  800. 			for (var j = 0; j < arr[1][i][1].length; j++) {
  801. 				translation += ((j == 0) ? '' : ', ') + arr[1][i][1][j];
  802. 			}
  803. 			translation += '<br/>';
  804. 		}
  805. 		translation += '<br/>';
  806. 	}
  807. 	// 5 - Alternative parts
  808. 	if (typeof arr[5] != 'undefined') {
  809. 		for (var i = 0; i < arr[5].length; i++) {
  810. 			if (typeof arr[5][i][2] != 'undefined') { // 5/i/2 array of alternatives, 5/i/0 the part of the text we are studying
  811. 				translation += '<strong>' + arr[5][i][0] + ' : </strong>';
  812. 				for (var j = 0; j < arr[5][i][2].length; j++) {
  813. 					translation += ((j == 0) ? '' : ', ') + arr[5][i][2][j][0];
  814. 				}
  815. 				translation += '<br/>';
  816. 			}
  817. 		}
  818. 	}
  819. 	translation += '</span>'; // Detail end
  820. 	getId('divResult').innerHTML = '<p style="margin:0px">' + translation + '</p>';
  821. 	getId('translation2Element').appendChild(translation2Element); // Optional second translation
  822. 	getId('toggleShowDetails').addEventListener('click', function () {
  823. 		getId('toggleShowDetails').style.display = 'none';
  824. 		getId('divDetails').style.display = 'block';
  825. 	}, false);
  826. 	getId('toggleHideDetails').addEventListener('click', function () {
  827. 		getId('toggleShowDetails').style.display = 'inline';
  828. 		getId('divDetails').style.display = 'none';
  829. 	}, false);
  830. 	// Create the Text to Speach
  831. 	var fromText = '';
  832. 	var toText = '';
  833. 	for (var i = 0; i < arr[0].length; i++)
  834. 		fromText += arr[0][i][1];
  835. 	for (var i = 0; i < arr[0].length; i++)
  836. 		toText += arr[0][i][0];
  837. 	addTextToSpeachLink(getId('texttospeachbuttonfrom'), arr[2], fromText); // arr[2] contains the detected input language
  838. 	addTextToSpeachLink(getId('texttospeachbuttonto'), GM_getValue('to', 'auto') == 'auto' ? 'en' : GM_getValue('to', 'auto'), toText); // I cannot find a way to get the detected destination language, so if the requested destination is 'auto', I use the english Text to Speach language
  839. }
  840. function extractResult2(gTradStringArray) {
  841. 	var arr = eval(gTradStringArray);
  842. 	var translation = '';
  843. 	translation += '#[' + GM_getValue('to2', 'auto') + ']<em> ';
  844. 	for (var i = 0; i < arr[0].length; i++)
  845. 		translation += arr[0][i][0];
  846. 	translation += '</em># <span id="texttospeachbuttonto2"></span>';
  847. 	translation2Element.innerHTML = translation;
  848. 	var toText2 = '';
  849. 	for (var i = 0; i < arr[0].length; i++)
  850. 		toText2 += arr[0][i][0];
  851. 	addTextToSpeachLink(getId('texttospeachbuttonto2'), GM_getValue('to2', 'auto') == 'auto' ? 'en' : GM_getValue('to2', 'auto'), toText2);
  852. }
  853. function addTextToSpeachLink(element, lang, text) {
  854. 	if (GM_getValue('tts', false) == false)
  855. 		return;
  856. 	var speachLink = document.createElement('a');
  857. 	speachLink.href = 'http://translate.google.com/translate_tts?tl=' + lang + '&q=' + text.replace(/[«»'"]/g, ' ');
  858. 	speachLink.target = '_blank';
  859. 	speachLink.innerHTML = '<img src="http://www.trace-de-son.com/images/sound-icon.png" height="16" width="16"/>';
  860. 	element.appendChild(speachLink);
  861. }
  862. function getSelection() {
  863. 	var txt = null;
  864. 	//get selected text
  865. 	if (window.getSelection && !window.opera) // window.getSelection() bugs with Opera 12.16 and ViolentMonkey
  866. 	{
  867. 		txt = window.getSelection();
  868. 	} else if (document.getSelection) {
  869. 		txt = document.getSelection();
  870. 	} else if (document.selection) {
  871. 		txt = document.selection.createRange().text;
  872. 	}
  873. 	return txt;
  874. }
  875. function openCloseOptions(evt) {
  876. 	var divOptions = getId('divOpt');
  877. 	if (!divOptions) //Show options
  878. 	{
  879. 		divOptions = createElement('div', {
  880. 				id : 'divOpt',
  881. 				style : 'border-top:2px solid #5A91D8;position:relative; padding:5px;'
  882. 			});
  883. 		getId('divDic').appendChild(divOptions);
  884. 		getId('optionsLink').style.visibility = 'hidden';
  885. 		// color picker, the library doesn't work on Opera
  886. 		try {
  887. 			if (!window.divColorPicker) {
  888. 				window.divColorPicker = createElement('div', {
  889. 						id : 'optPicker',
  890. 						class : 'cp-small'
  891. 					});
  892. 				window.colorPicker = ColorPicker(
  893. 						window.divColorPicker,
  894. 						function (hex, hsv, rgb) {
  895. 						getId('divDic').style.backgroundColor = hex;
  896. 					});
  897. 			}
  898. 			window.colorPicker.setHex(GM_getValue('backgroundColor', '#EDF4FC'));
  899. 			divOptions.appendChild(window.divColorPicker);
  900. 		} catch (err) {
  901. 			divOptions.innerHTML += '<p>Error : Cannot load color picker (Known issue on Opera)</p>';
  902. 		}
  903. 		//fields container
  904. 		divOptionsFields = createElement('p');
  905. 		divOptions.appendChild(divOptionsFields);
  906. 		//from
  907. 		divOptionsFields.appendChild(createElement('span', null, null, 'From :'));
  908. 		divOptionsFields.appendChild(createElement('select', {
  909. 				id : 'optSelLangFrom'
  910. 			}, null, languagesGoogle));
  911. 		getId('optSelLangFrom').value = GM_getValue('from') ? GM_getValue('from') : 'auto';
  912. 		getId('optSelLangFrom').addEventListener('change', quickLookup, false);
  913. 		//to
  914. 		divOptionsFields.appendChild(createElement('br'));
  915. 		divOptionsFields.appendChild(createElement('span', null, null, ' To :'));
  916. 		divOptionsFields.appendChild(createElement('select', {
  917. 				id : 'optSelLangTo'
  918. 			}, null, languagesGoogle));
  919. 		getId('optSelLangTo').value = GM_getValue('to') ? GM_getValue('to') : 'auto';
  920. 		getId('optSelLangTo').addEventListener('change', quickLookup, false);
  921. 		//to2
  922. 		divOptionsFields.appendChild(createElement('br'));
  923. 		divOptionsFields.appendChild(createElement('span', null, null, ' To 2 :'));
  924. 		divOptionsFields.appendChild(createElement('select', {
  925. 				id : 'optSelLangTo2'
  926. 			}, null, '<option value="Disabled">Disabled</option>' + languagesGoogle));
  927. 		getId('optSelLangTo2').value = GM_getValue('to2') ? GM_getValue('to2') : 'Disabled';
  928. 		getId('optSelLangTo2').addEventListener('change', quickLookup, false);
  929. 		//use text to speach
  930. 		divOptionsFields.appendChild(createElement('br'));
  931. 		divOptionsFields.appendChild(createElement('input', {
  932. 				id : 'checkTTS',
  933. 				type : 'checkbox'
  934. 			}));
  935. 		divOptionsFields.appendChild(createElement('span', null, null, '<span title="The feature has many issues. You often have to refresh the page to launch the .mp3 file. If you use the langage auto-detection, you have to change the langage in the url of the new tab." style="border-bottom:1px dashed">Display Text To Speach</span>'));
  936. 		getId('checkTTS').checked = GM_getValue('tts');
  937. 		//hide details
  938. 		divOptionsFields.appendChild(createElement('br'));
  939. 		divOptionsFields.appendChild(createElement('input', {
  940. 				id : 'checkDetails',
  941. 				type : 'checkbox'
  942. 			}));
  943. 		divOptionsFields.appendChild(createElement('span', null, null, 'Hide details by default'));
  944. 		getId('checkDetails').checked = GM_getValue('details');
  945. 		//font size
  946. 		divOptionsFields.appendChild(createElement('br'));
  947. 		divOptionsFields.appendChild(createElement('span', null, null, 'Font size :'));
  948. 		divOptionsFields.appendChild(createElement('select', {
  949. 				id : 'optFontSize'
  950. 			}, null, '<option value="x-small">Extra small</option><option value="small">Small (default)</option><option value="medium">Medium</option><option value="large">Large</option>'));
  951. 		getId('optFontSize').value = GM_getValue('fontsize') ? GM_getValue('fontsize') : 'small';
  952. 		getId('optFontSize').addEventListener('change', quickLookup, false);
  953. 		//text color
  954. 		divOptionsFields.appendChild(createElement('br'));
  955. 		divOptionsFields.appendChild(createElement('span', null, null, 'Text color :'));
  956. 		divOptionsFields.appendChild(createElement('select', {
  957. 				id : 'optTextColor'
  958. 			}, null, '<option value="Gray">Gray (default)</option><option value="Black">Black</option><option value="White">White</option><option value="CadetBlue">CadetBlue</option><option value="ForestGreen">ForestGreen</option><option value="FireBrick">FireBrick</option>'));
  959. 		getId('optTextColor').value = GM_getValue('textcolor') ? GM_getValue('textcolor') : 'Gray';
  960. 		getId('optTextColor').addEventListener('change', quickLookup, false);
  961. 		//use ctrl
  962. 		divOptionsFields.appendChild(createElement('br'));
  963. 		divOptionsFields.appendChild(createElement('input', {
  964. 				id : 'checkCtrl',
  965. 				type : 'checkbox'
  966. 			}));
  967. 		divOptionsFields.appendChild(createElement('span', null, null, 'Use Ctrl key'));
  968. 		getId('checkCtrl').checked = GM_getValue('ctrl');
  969. 		//use alt
  970. 		divOptionsFields.appendChild(createElement('br'));
  971. 		divOptionsFields.appendChild(createElement('input', {
  972. 				id : 'checkAlt',
  973. 				type : 'checkbox'
  974. 			}));
  975. 		divOptionsFields.appendChild(createElement('span', null, null, 'Use Alt key'));
  976. 		getId('checkAlt').checked = GM_getValue('alt');
  977. 		//save
  978. 		divOptionsFields.appendChild(createElement('br'));
  979. 		divOptionsFields.appendChild(createElement('a', {
  980. 				href : HREF_NO,
  981. 				class : "gootranslink"
  982. 			}, 'click saveOptions false', 'Save'));
  983. 		//reset
  984. 		divOptionsFields.appendChild(createElement('span', null, null, ' - '));
  985. 		divOptionsFields.appendChild(createElement('a', {
  986. 				href : HREF_NO,
  987. 				class : "gootranslink"
  988. 			}, 'click resetOptions false', 'Reset'));
  989. 		//cancel
  990. 		divOptionsFields.appendChild(createElement('span', null, null, ' - '));
  991. 		divOptionsFields.appendChild(createElement('a', {
  992. 				href : HREF_NO,
  993. 				class : "gootranslink"
  994. 			}, 'click openCloseOptions false', 'Cancel'));
  995. 	} else // Hide options
  996. 	{
  997. 		divOptions.parentNode.removeChild(divOptions);
  998. 		getId('optionsLink').style.visibility = 'visible';
  999. 	}
  1000. }
  1001. function saveOptions(evt) {
  1002. 	var backgroundColor = getId('divDic').style.backgroundColor;
  1003. 	var from = getId('optSelLangFrom').value;
  1004. 	var to = getId('optSelLangTo').value;
  1005. 	var to2 = getId('optSelLangTo2').value;
  1006. 	var tts = getId('checkTTS').checked;
  1007. 	var details = getId('checkDetails').checked;
  1008. 	var fontsize = getId('optFontSize').value;
  1009. 	var textcolor = getId('optTextColor').value;
  1010. 	var ctrl = getId('checkCtrl').checked;
  1011. 	var alt = getId('checkAlt').checked;
  1012. 	GM_setValue('backgroundColor', backgroundColor);
  1013. 	GM_setValue('from', from);
  1014. 	GM_setValue('to', to);
  1015. 	GM_setValue('to2', to2);
  1016. 	GM_setValue('tts', tts);
  1017. 	GM_setValue('details', details);
  1018. 	GM_setValue('fontsize', fontsize);
  1019. 	GM_setValue('textcolor', textcolor);
  1020. 	GM_setValue('ctrl', ctrl);
  1021. 	GM_setValue('alt', alt);
  1022. 	quickLookup();
  1023. 	getId('divDic').removeChild(getId('divOpt'));
  1024. 	getId('optionsLink').style.visibility = 'visible';
  1025. }
  1026. function resetOptions(evt) {
  1027. 	GM_deleteValue('backgroundColor');
  1028. 	GM_deleteValue('from');
  1029. 	GM_deleteValue('to');
  1030. 	GM_deleteValue('to2');
  1031. 	GM_deleteValue('tts');
  1032. 	GM_deleteValue('fontsize');
  1033. 	GM_deleteValue('textcolor');
  1034. 	GM_deleteValue('ctrl');
  1035. 	GM_deleteValue('alt');
  1036. 	getId('divDic').parentNode.removeChild(getId('divDic'));
  1037. }
  1038. function css() {
  1039. 	var style = createElement('style', {
  1040. 			type : "text/css"
  1041. 		}, null, "" +
  1042. 			'a.gootranslink:link {color: #0000FF !important; text-decoration: underline !important;}' +
  1043. 			'a.gootranslink:visited {color: #0000FF !important; text-decoration: underline !important;}' +
  1044. 			'a.gootranslink:hover {color: #0000FF !important; text-decoration: underline !important;}' +
  1045. 			'a.gootranslink:active {color: #0000FF !important; text-decoration: underline !important;}' +
  1046. 			'.picker-wrapper,.slide-wrapper{position:relative;float:left}.picker-indicator,.slide-indicator{position:absolute;left:0;top:0;pointer-events:none}.picker,.slide{cursor:crosshair;float:left}.cp-default{background-color:gray;padding:12px;box-shadow:0 0 40px #000;border-radius:15px;float:left}.cp-default .picker{width:200px;height:200px}.cp-default .slide{width:30px;height:200px}.cp-default .slide-wrapper{margin-left:10px}.cp-default .picker-indicator{width:5px;height:5px;border:2px solid darkblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white}.cp-default .slide-indicator{width:100%;height:10px;left:-4px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:4px solid lightblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:white}.cp-small{padding:5px;background-color:white;float:left;border-radius:5px}.cp-small .picker{width:100px;height:100px}.cp-small .slide{width:15px;height:100px}.cp-small .slide-wrapper{margin-left:5px}.cp-small .picker-indicator{width:1px;height:1px;border:1px solid black;background-color:white}.cp-small .slide-indicator{width:100%;height:2px;left:0;background-color:black}.cp-fancy{padding:10px;background:-webkit-linear-gradient(top,#aaa 0,#222 100%);float:left;border:1px solid #999;box-shadow:inset 0 0 10px white}.cp-fancy .picker{width:200px;height:200px}.cp-fancy .slide{width:30px;height:200px}.cp-fancy .slide-wrapper{margin-left:10px}.cp-fancy .picker-indicator{width:24px;height:24px;background-image:url(http://cdn1.iconfinder.com/data/icons/fugue/bonus/icons-24/target.png)}.cp-fancy .slide-indicator{width:30px;height:31px;left:30px;background-image:url(http://cdn1.iconfinder.com/data/icons/bluecoral/Left.png)}.cp-normal{padding:10px;background-color:white;float:left;border:4px solid #d6d6d6;box-shadow:inset 0 0 10px white}.cp-normal .picker{width:200px;height:200px}.cp-normal .slide{width:30px;height:200px}.cp-normal .slide-wrapper{margin-left:10px}.cp-normal .picker-indicator{width:5px;height:5px;border:1px solid gray;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white;pointer-events:none}.cp-normal .slide-indicator{width:100%;height:10px;left:-4px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:4px solid gray;background-color:white;pointer-events:none}');
  1047. 	getTag('head')[0].appendChild(style);
  1048. }
  1049. /*
  1050.  * Short functions to replace the document.createElement document.getElementById and document.getElementsByTagName
  1051.  */
  1052. function createElement(type, attrArray, evtListener, html) {
  1053. 	var node = document.createElement(type);
  1054. 	for (var attr in attrArray)
  1055. 		if (attrArray.hasOwnProperty(attr)) {
  1056. 			node.setAttribute(attr, attrArray[attr]);
  1057. 		}
  1058. 	if (evtListener) {
  1059. 		var a = evtListener.split(' ');
  1060. 		node.addEventListener(a[0], eval(a[1]), eval(a[2]));
  1061. 	}
  1062. 	if (html)
  1063. 		node.innerHTML = html;
  1064. 	return node;
  1065. }
  1066. function getId(id, parent) {
  1067. 	if (!parent)
  1068. 		return document.getElementById(id);
  1069. 	return parent.getElementById(id);
  1070. }
  1071. function getTag(name, parent) {
  1072. 	if (!parent)
  1073. 		return document.getElementsByTagName(name);
  1074. 	return parent.getElementsByTagName(name);
  1075. }
  1076. /*
  1077.  * Drag and drop support adapted from http://www.hunlock.com/blogs/Javascript_Drag_and_Drop
  1078.  */
  1079. var savedTarget = null; // The target layer (effectively vidPane)
  1080. var orgCursor = null; // The original mouse style so we can restore it
  1081. var dragOK = false; // True if we're allowed to move the element under mouse
  1082. var dragXoffset = 0; // How much we've moved the element on the horozontal
  1083. var dragYoffset = 0; // How much we've moved the element on the verticle
  1084. var didDrag = false; // Set to true when we do a drag
  1085. function moveHandler(e) {
  1086. 	if (e == null)
  1087. 		return; // { e = window.event }
  1088. 	if (e.button <= 1 && dragOK) {
  1089. 		savedTarget.style.left = e.clientX - dragXoffset + 'px';
  1090. 		savedTarget.style.top = e.clientY - dragYoffset + 'px';
  1091. 		return false;
  1092. 	}
  1093. }
  1094. function dragCleanup(e) {
  1095. 	document.removeEventListener('mousemove', moveHandler, false);
  1096. 	document.removeEventListener('mouseup', dragCleanup, false);
  1097. 	savedTarget.style.cursor = orgCursor;
  1098. 	dragOK = false; // Its been dragged now
  1099. 	didDrag = true;
  1100. }
  1101. function dragHandler(e) {
  1102. 	var htype = '-moz-grabbing';
  1103. 	if (e == null)
  1104. 		return; // { e = window.event;}  // htype='move';}
  1105. 	var target = e.target; // != null ? e.target : e.srcElement;
  1106. 	orgCursor = target.style.cursor;
  1107. 	if (target.nodeName != 'DIV' && target.nodeName != 'P')
  1108. 		return;
  1109. 	if (target = clickedInsideID(target, 'divDic')) {
  1110. 		savedTarget = target;
  1111. 		target.style.cursor = htype;
  1112. 		dragOK = true;
  1113. 		dragXoffset = e.clientX - target.offsetLeft;
  1114. 		dragYoffset = e.clientY - target.offsetTop;
  1115. 		// Set the left before removing the right
  1116. 		target.style.left = e.clientX - dragXoffset + 'px';
  1117. 		target.style.right = null;
  1118. 		document.addEventListener('mousemove', moveHandler, false);
  1119. 		document.addEventListener('mouseup', dragCleanup, false);
  1120. 		return false;
  1121. 	}
  1122. }
  1123. function clickedInsideID(target, id) {
  1124. 	if (target.getAttribute('id') == id)
  1125. 		return getId(id);
  1126. 	if (target.parentNode) {
  1127. 		while (target = target.parentNode) {
  1128. 			try {
  1129. 				if (target.getAttribute('id') == id)
  1130. 					return getId(id);
  1131. 			} catch (e) {}
  1132. 		}
  1133. 	}
  1134. 	return null;
  1135. }
  1136. // End drag code
  1137. /*
  1138.  * Images
  1139.  */
  1140. function images() {
  1141. 	imgLookup = createElement('img', {
  1142. 			border : 0
  1143. 		});
  1144. 	imgLookup.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABs0lEQVQ4jY2SP4viQBiHX0UQWz/AXb+VX8Iu/YqFhdhcd5BKEOTKC9jJFYrFgo3FIjYiCRauhTCQDMp4bJFklzCuLJLOWNj8rpDMJt7u7Q08xQzze953/hAR0el4QJLw8KR4fXkE/Wtch01zjP6gmxLsd9uPJafjAf1BF82WjmZLR61eRa1eVfNmS4cMxP8JksGk6FPB6XjAii1Qq1fBBYMMBL79+InvDIrbB0CzIpSmQHF0RnF0vkiTFxZX7A+6MOzwU0FxdEZKYJpj1fp1eO5KzF0JzYreF/iekzr77QMUhh2q1zDsUIULPQl6fXkEFww53cWKLWCaY3DBVMuaFWHuSsT7fM/5W5DTXYUMBGQgUJoCpelFst9tcc84DDuE7znQrAiFnrwIkuGY/W6rBIYdQgYC7RmHZkXwPQf3jL8JiCglISLKVCaqzfhZfc9RcMFwc/eMfGd9EWQbS+R0F9nGEtnGEpnKBJnKJFWxPNygPNygPePggqE942nBdTjG9xyUhxvVcqEnsWILrNjiTfCRJN9ZI99Zp8LxWsy73ztTmYCI6ObuGV/7Tym+/PqtICL6A7F/dNYyWabFAAAAAElFTkSuQmCC';
  1145. }
  1146. if (typeof GM_deleteValue == 'undefined') {
  1147. 	GM_addStyle = function (css) {
  1148. 		var style = document.createElement('style');
  1149. 		style.textContent = css;
  1150. 		document.getElementsByTagName('head')[0].appendChild(style);
  1151. 	}
  1152. 	GM_deleteValue = function (name) {
  1153. 		localStorage.removeItem(name);
  1154. 	}
  1155. 	GM_getValue = function (name, defaultValue) {
  1156. 		var value = localStorage.getItem(name);
  1157. 		if (!value)
  1158. 			return defaultValue;
  1159. 		var type = value[0];
  1160. 		value = value.substring(1);
  1161. 		switch (type) {
  1162. 		case 'b':
  1163. 			return value == 'true';
  1164. 		case 'n':
  1165. 			return Number(value);
  1166. 		default:
  1167. 			return value;
  1168. 		}
  1169. 	}
  1170. 	GM_log = function (message) {
  1171. 		console.log(message);
  1172. 	}
  1173. 	GM_openInTab = function (url) {
  1174. 		return window.open(url, "_blank");
  1175. 	}
  1176. 	GM_registerMenuCommand = function (name, funk) {
  1177. 		//todo
  1178. 	}
  1179. 	GM_setValue = function (name, value) {
  1180. 		value = (typeof value)[0] + value;
  1181. 		localStorage.setItem(name, value);
  1182. 	}
  1183. }
  1184. /*
  1185.  * Cross browser support for GM functions
  1186.  * http://userscripts.org/topics/41177
  1187.  */
  1188. function initCrossBrowserSupportForGmFunctions() {
  1189. 	if (typeof GM_deleteValue == 'undefined') {
  1190. 		GM_addStyle = function (css) {
  1191. 			var style = document.createElement('style');
  1192. 			style.textContent = css;
  1193. 			document.getElementsByTagName('head')[0].appendChild(style);
  1194. 		}
  1195. 		GM_deleteValue = function (name) {
  1196. 			localStorage.removeItem(name);
  1197. 		}
  1198. 		GM_getValue = function (name, defaultValue) {
  1199. 			var value = localStorage.getItem(name);
  1200. 			if (!value)
  1201. 				return defaultValue;
  1202. 			var type = value[0];
  1203. 			value = value.substring(1);
  1204. 			switch (type) {
  1205. 			case 'b':
  1206. 				return value == 'true';
  1207. 			case 'n':
  1208. 				return Number(value);
  1209. 			default:
  1210. 				return value;
  1211. 			}
  1212. 		}
  1213. 		GM_log = function (message) {
  1214. 			console.log(message);
  1215. 		}
  1216. 		GM_openInTab = function (url) {
  1217. 			return window.open(url, "_blank");
  1218. 		}
  1219. 		GM_registerMenuCommand = function (name, funk) {
  1220. 			//todo
  1221. 		}
  1222. 		GM_setValue = function (name, value) {
  1223. 			value = (typeof value)[0] + value;
  1224. 			localStorage.setItem(name, value);
  1225. 		}
  1226. 	}
  1227. }