frisch's UserScript Extender

Extends the document with a new namespace for user script crosswide functions to utilize. Has no use alone but can be accessed by other scripts using document.fExt

当前为 2017-02-22 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name frisch's UserScript Extender
  3. // @namespace http://null.frisch-live.de/
  4. // @version 0.73
  5. // @description Extends the document with a new namespace for user script crosswide functions to utilize. Has no use alone but can be accessed by other scripts using document.fExt
  6. // @author frisch
  7. // @include *
  8. // @require http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
  9. // @grant GM_setClipboard
  10. // ==/UserScript==
  11. if(document.fExt === undefined) {
  12. console.log("Initializing frisch's UserScript Extender...");
  13.  
  14. // Initialization
  15. fExt = {};
  16. fExt.jq = $.noConflict();
  17. // Overwrites the contains expression to be case-insensitive
  18. fExt.jq.expr[':'].contains = function(a, i, m) {
  19. return fExt.jq(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;
  20. };
  21. fExt.settings = {
  22. minShowTime: 3000, // in milliseconds
  23. maxShowTime: 9000, // in milliseconds
  24. position: "BottomRight", // Position for the popup menu: TopRight, TopLeft, BottomRight, BottomLeft
  25. animationType: "fade", // Animation for the popup menu: slide, fade, none
  26. animationSpeed: 500,
  27. customContextMenu: true,
  28. hideContextMenuOnLeave: true, // automatically fades out the custom context menu when it loses focus, otherwhise only hides when you click somewhere
  29. progressType: "progressbar", // Possible values: hourglass, progressbar
  30. toleranceX: 20, // pixels as tolerance for the context menu, adjust the position slightly
  31. toleranceY: 30, // pixels as tolerance for the context menu, adjust the position slightly
  32. ctxActorMark: true, // set to true to highlight the actor of the context menu when active
  33. ctxActorMarkThickness: 2, // set the thickness of the highlighting border as pixel
  34. logScriptInitializations: false // set to true to log script initializations to the console
  35. };
  36. fExt.popupQueue = [];
  37. fExt.popping = false;
  38.  
  39. var hourGlass0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhkICgkAYfvBAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAKpJREFUSMetlcEOwyAMQ+39/z97h0nrOkjihPZAAYlXVPALcPgQgE7WEzhA8LODKYLfZoTg7dVGcOm0ENx2bQTDgYVgOiwRLCdSBK2pEEHAB6wI2pvaIgj0AReC87SpOtbXEz5Ivq97Zrs/UWvsO8eovTnci6RYPs5VVu6vKkyqFZjFWZ5FI6EYOkiEIlNIgdLUUOJGqmpK+U/rGpSFn8KiYWHiA8X1NM14AxEBKx1JZtGVAAAAAElFTkSuQmCC";
  40. var hourGlass25 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhkICgR+0Id8AAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAKhJREFUSMetlUkOxCAMBLv4/589h5koG3hjckgAydVtR8bS5oMk24lH+iKsoSx+3zqC++tA1C1cAQ0LT0AewXSZRrDcpBC42xBBeOAiSB0tEUh5wBtB2tQUgVQHnAj63WbRbx3/uA8cfbv3bLWIlxJQT+FQDy4LInUFLkYUHl1ZI6PuIciGrxIZidxdF+TV5y6GH05YC2rqbxc0p8JjsFi/k7aH62436wPGSjUSU11z+AAAAABJRU5ErkJggg==";
  41. var hourGlass50 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhkICTqUnMkUAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAKpJREFUSMe1lMsOgzAMBHfy///sHopEQsGv0BxAMtpZJ8ErbS4k2Y4e6YuwhrM43nUE66OKmJVM9SRiNWb5lkBc+r4ACi08AZIteAAfQVhwEaRKjwikPOAXQbqpWwRSHXAi6E+bRdc63sgDx9/Wma0e4nQE1LdwyAlmjMhdQRcjkkeRRcbd62L48jhvRuzupx7lPHIizTo/IC35Taxbdwxoy6d7tb8NY2Z9AJxfMxVU9/UgAAAAAElFTkSuQmCC";
  42. var hourGlass75 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhkICTPtQHGwAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAK1JREFUSMetlUkSgzAMBKf5/5/FIUnFG9ZiOEAVaHqE8Qjp8ECSneiRPggrOIvvNY+gP2URrZLmfhDRG9M9CyCGvgeAi2DSMNVsECwULOoeECzrWVptW4gANi1EATOCcFNLBFIe8EdQT5t5O+t6Yx5s/K3PbHYRmyUg/wo/dycgeO5yurh8+b4LEkkIhsly342k3Bkolt89FOQPQ9Vqe5iifJhxVk/S8c/1NM26AScHLxnJI48dAAAAAElFTkSuQmCC";
  43. var hourGlass100 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhkICSxgSHxFAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAKpJREFUSMetlUsShDAIBem5/52ZxbhIIhA+40Kr9L0GCSEiwwsR0YkfkR9CG5GF51lHsN+qiNXJ8j6J2AOzfUsgjrwPwBXBy8NLEyAwHBg6B4GpxwxlIHDUONkeCFwtbr0WBIGSoOQPglBHuOiaUl0Ql876/GMejH6BhL1ZRM0pSdqLjaT5fCnYk5tJa+tG0X4ZKFrvHhp2Z6hqr4dp2o8xof2dND5cp7tZvgvYKh27llJDAAAAAElFTkSuQmCC";
  44.  
  45. var pbar0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkTCSsaEe8UvgAAALZJREFUSMfdll0OxCAIhAfDjfT+J5Az0adumo1FUXSTnacmVj8ZflpSVQAAEaGlnPPnWUTg1X0+v73wBFjro/C0AvGIIwAj0bF1yHNjD+KKqAWZsam1h98gMwDrYrya7BF7Tes8kJGLpRMQACBVBREpNkpVKeGQvhuWIqtQRHQ5R16FgXrDNQzUs/aYdf9X3nR/akspZqJnh2yt9UflPfPj4Sl59vTCSl/xzii29ZHlSIoaMb31C3teW2ty8diEAAAAAElFTkSuQmCC";
  46. var pbar25 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkTCSsrQDEUhAAAALZJREFUSMfdlssNxCAMRMfIHUH/FcQ1zZ6yyoEYzG+lnVMkAg+PP4mQBACICGrKOX+fzQxR3efr2wtPgLfeC08zkIh0BaAnOvUOeW5sQUIR1SAjNtX26BtkBOBdTGeT3WOva10E0nOxdAICAEISIkJsFElJOCTtqCIZrUIz43SOoloGag3XZaCWtces+7/ylvtTW0pxEz06ZK/r+lF5j/x4REpeI70w01e6M4ptfeQ5klaNmNb6B29WW2uHr2HMAAAAAElFTkSuQmCC";
  47. var pbar50 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkTCSs7XYYE4AAAALVJREFUSMfdlssNxCAMRMfIHZn+Kwg1zZ6yyoEYzG+lnVMkAg+PP4mQBACICGoys+9zKQVR3efr2wtPgLfeC08zkIh0BaAnOvUOeW5sQUIR1SAjNtX26BtkBOBdTGeT3WOva10E0nOxdAICAEISIkJsFElJOKThHJmZdNjL6RxFtQzUGq7LQK3qO2bd/5W33J/anLOb6NEhe13Xj8p75McjUvIa6YWZvtKdUWzrI8+RtGrEtNY/mktYa4XsqhcAAAAASUVORK5CYII=";
  48. var pbar75 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkTCSwJ2hDDpwAAAK1JREFUSMftllEOAyEIRAfDjfD+J9AzsV/bbBpFQWuTpvNlgvJwNCipKgCAiNCSiLzGtVZ4defn3oQnwIrPwtMKxCPeAZjZHVtJngtHENeOWpCITa013INEAFZhvHrYM/aa1nkgM4WlExAAIFUFESk+KFWlhEPinclEhN7s1eUz8uoPCuv3rjfdT23O2ewC0SZbSvnSZYh8PDydnXuBnZDtLcgqNp2AuEAjW0fxC+YyVWuwau4lAAAAAElFTkSuQmCC";
  49. var pbar100 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AkTCTAYVte+CAAAAKJJREFUSMftllEOxCAIRAfDjfT+J9AzzX510w+loLabbDpfJigPR4MKSQCAiKCnnPN33FpDVEd+HU04A6y4F55WIBHpDoBnd2olOS+8goR21IPM2NRboyPIDMAqTFcP22OvaV0E4iksPQEBACEJESFuFElJeEgv6AX9MUiOp7aUYnaB2SZba/2RdTMfj0hn11FgJ2T5mfAAbrl1liNpRxJP/APHYkptRNVvhwAAAABJRU5ErkJggg==";
  50.  
  51. var loader0, loader25, loader50, loader75, loader100;
  52.  
  53. switch(fExt.settings.progressType){
  54. case "progressbar":
  55. loader0 = pbar0;
  56. loader25 = pbar25;
  57. loader50 = pbar50;
  58. loader75 = pbar75;
  59. loader100 = pbar100;
  60. break;
  61. case "hourglass":
  62. loader0 = hourGlass0;
  63. loader25 = hourGlass25;
  64. loader50 = hourGlass50;
  65. loader75 = hourGlass75;
  66. loader100 = hourGlass100;
  67. break;
  68. default:
  69. loader0 = hourGlass0;
  70. loader25 = hourGlass25;
  71. loader50 = hourGlass50;
  72. loader75 = hourGlass75;
  73. loader100 = hourGlass100;
  74. break;
  75. }
  76.  
  77. var topZIndex = 0;
  78. fExt.TopZIndex = function() {
  79. return topZIndex;
  80. };
  81. fExt.jq("*").each(function(){
  82. var thisZIndex = parseInt(fExt.jq(this).css('z-index'));
  83. if(!isNaN(thisZIndex) && thisZIndex > topZIndex)
  84. topZIndex = thisZIndex + 1;
  85. });
  86.  
  87. // Custom Elements
  88. fExt.fExtPopup = fExt.jq('<div id="fExtPopup" class="fExtElement" style="display:none; position:fixed; width:auto; height:auto; background-color:#545454; padding:10px; border-color:white; border-style:groove; color:white; z-index: ' + topZIndex + '; text-align:center; font-size:12px;"></div>');
  89. fExt.jq("body").append(fExt.fExtPopup);
  90.  
  91. fExt.fExtMessage = fExt.jq('<div id="fExtMessage" class="fExtElement" style="display:none; position:fixed; width:auto; height:auto; background-color:#545454; padding:25px; border-color:white; border-style:groove; color:white; z-index: ' + topZIndex + '; text-align:center; font-size:large; padding:20px;"></div>');
  92. fExt.fExtMessageText = fExt.jq('<span style="display: inline-block;"></span>');
  93. fExt.fExtMessageText.appendTo(fExt.fExtMessage);
  94. fExt.fExtMessage.appendTo("body");
  95.  
  96. // Functions
  97. fExt.setLoading = function(percentage){
  98. if(percentage >= 100){
  99. fExt.jq("link[rel='icon']").attr("href", loader100);
  100. fExt.jq("link[rel='shortcut icon']").attr("href", loader100);
  101.  
  102. setTimeout(function(){ fExt.setLoading(-1); },fExt.settings.minShowTime);
  103. }
  104. else if(percentage >= 75){
  105. fExt.jq("link[rel='icon']").attr("href", loader75);
  106. fExt.jq("link[rel='shortcut icon']").attr("href", loader75);
  107. }
  108. else if(percentage >= 50){
  109. fExt.jq("link[rel='icon']").attr("href", loader50);
  110. fExt.jq("link[rel='shortcut icon']").attr("href", loader50);
  111. }
  112. else if(percentage >= 25){
  113. fExt.jq("link[rel='icon']").attr("href", loader25);
  114. fExt.jq("link[rel='shortcut icon']").attr("href", loader25);
  115. }
  116. else if(percentage >= 0){
  117. fExt.jq("link[rel='icon']").attr("href", loader0);
  118. fExt.jq("link[rel='shortcut icon']").attr("href", loader0);
  119. }
  120. else {
  121. fExt.jq("link[rel='icon']").attr("href", siteFavIconHref);
  122. fExt.jq("link[rel='shortcut icon']").attr("href", siteFavIconHref);
  123. }
  124. };
  125.  
  126. fExt.enqueuePopup = function(msg) {
  127. fExt.popupQueue.push(msg);
  128. };
  129.  
  130. fExt.dequeuePopup = function() {
  131. var rv;
  132. if(fExt.popupQueue.length > 0){
  133. rv = fExt.popupQueue[0];
  134. fExt.popupQueue.splice(0, 1);
  135. }
  136. return rv;
  137. };
  138.  
  139. var ignoreZIndexelementIDs = ["fExtPopup","fExtMessage","fExtContextMenu","fExtUtilSelectorBox"];
  140. fExt.reassignZIndex = function(){
  141. fExt.jq("*").each(function(){
  142. var jqElement = fExt.jq(this);
  143. if(jqElement.css('z-index') >= topZIndex && fExt.jq.inArray(this.id, ignoreZIndexelementIDs) < 0) {
  144. jqElement.css("z-index", topZIndex - 1);
  145. }
  146. });
  147. };
  148.  
  149. fExt.createStyle = function(newClass) {
  150. fExt.jq( "<style>" + newClass + "</style>" ).appendTo("head");
  151. };
  152.  
  153. fExt.center = function (element,w) {
  154. if(w !== undefined)
  155. element.width(w);
  156.  
  157. element.css("position", "fixed")
  158. .css("top", ((fExt.jq(window).height() - fExt.jq(element).outerHeight()) / 2) + "px")
  159. .css("left", ((fExt.jq(window).width() - fExt.jq(element).outerWidth()) / 2) + "px");
  160. };
  161.  
  162. fExt.popup = function(msg) {
  163. if(msg !== undefined){
  164. if(fExt.popping){
  165. fExt.enqueuePopup(msg);
  166. return;
  167. }
  168. fExt.popping = true;
  169. fExt.fExtPopup.html(msg);
  170.  
  171. fExt.show(fExt.fExtPopup);
  172.  
  173. var showTime = msg.length * 50;
  174.  
  175. if(showTime < fExt.settings.minShowTime)
  176. showTime = fExt.settings.minShowTime;
  177. else if(showTime > fExt.settings.maxShowTime)
  178. shotTime = fExt.settings.maxShowTime;
  179.  
  180. setTimeout(function(){
  181. fExt.hide(fExt.fExtPopup);
  182. setTimeout(function(){
  183. fExt.fExtPopup.text('');
  184. fExt.popping = false;
  185. fExt.popup(fExt.dequeuePopup());
  186. },fExt.settings.animationSpeed);
  187. },showTime);
  188. }
  189. };
  190.  
  191. fExt.clipboard = function(action, text) {
  192. var clipboardCopy, retVal;
  193. action = action.toLowerCase();
  194.  
  195. clipboardCopy = document.createElement('textarea');
  196. document.body.appendChild(clipboardCopy);
  197. clipboardCopy.value = text;
  198. clipboardCopy.select();
  199.  
  200. var msg;
  201. try {
  202. var successful = document.execCommand(action);
  203. if(successful)
  204. msg = action + " successful";
  205. else
  206. msg = "Could not perform Clipboard-Action " + action;
  207.  
  208. if(clipboardCopy.value.length <= 50)
  209. msg += " (" + clipboardCopy.value + ")";
  210.  
  211. document.fExt.popup(msg);
  212. }
  213. catch (err) {
  214. document.fExt.popup("Error on Clipboard-Action " + action +": " + err);
  215. }
  216.  
  217. if(clipboardCopy)
  218. clipboardCopy.remove();
  219. };
  220.  
  221. fExt.message = function(msg) {
  222. if(msg !== undefined && msg.length > 0){
  223. fExt.fExtMessageText.text(msg);
  224.  
  225. if(!fExt.fExtMessage.is(":visible"))
  226. fExt.show(fExt.fExtMessage);
  227.  
  228. fExt.center(fExt.jq("div#fExtMessage"));
  229. }
  230. else {
  231. fExt.hide(fExt.fExtMessage);
  232. setTimeout(function(){
  233. fExt.fExtMessageText.text('');
  234. },fExt.settings.animationSpeed);
  235. }
  236. };
  237.  
  238. fExt.rotate = function(element, rotation) {
  239. var jqEl = fExt.jq(element);
  240. var degree = jqEl.data('rotation');
  241.  
  242. if (!degree)
  243. degree = 0;
  244.  
  245. degree += rotation;
  246.  
  247. jqEl.css('-webkit-transform','rotate(' + degree + 'deg)');
  248. jqEl.data('rotation',degree);
  249. };
  250.  
  251. fExt.zoom = function(element, zoom){
  252. var jqEl = fExt.jq(element);
  253. var zValue = parseFloat(jqEl.css('zoom'));
  254. var zAdd = parseFloat(zoom) / 100;
  255.  
  256. if(!zValue)
  257. zValue = 1.0;
  258.  
  259. var zNew = zValue + zAdd;
  260. jqEl.css('zoom', zNew);
  261. };
  262.  
  263. fExt.zoomIn = function(element, zoom){
  264. fExt.zoom(element, zoom);
  265. };
  266.  
  267. fExt.zoomOut = function(element, zoom){
  268. fExt.zoom(element, zoom * -1);
  269. };
  270.  
  271. switch(fExt.settings.animationType) {
  272. case "fade":
  273. fExt.show = function(element, speed, callback) {
  274. fExt.jq(element).fadeIn(speed >= 0 ? speed : fExt.settings.animationSpeed, callback);
  275. };
  276. fExt.hide = function(element, speed, callback) {
  277. fExt.jq(element).fadeOut(speed >= 0 ? speed : fExt.settings.animationSpeed, callback);
  278. };
  279. break;
  280. case "slide":
  281. fExt.show = function(element, speed, callback) {
  282. fExt.jq(element).slideDown(speed >= 0 ? speed : fExt.settings.animationSpeed, callback);
  283. };
  284. fExt.hide = function(element, speed, callback) {
  285. fExt.jq(element).slideUp(speed >= 0 ? speed : fExt.settings.animationSpeed, callback);
  286. };
  287. break;
  288. default:
  289. fExt.show = function(element, speed, callback) {
  290. fExt.jq(element).show(speed >= 0 ? speed : fExt.settings.animationSpeed, callback);
  291. };
  292. fExt.hide = function(element, speed, callback) {
  293. fExt.jq(element).hide(speed >= 0 ? speed : fExt.settings.animationSpeed, callback);
  294. };
  295. break;
  296. }
  297.  
  298. switch(fExt.settings.position) {
  299. case "TopRight":
  300. fExt.fExtPopup.attr("style", fExt.fExtPopup.attr("style") + "top:50px; right:50px;");
  301. break;
  302. case "TopLeft":
  303. fExt.fExtPopup.attr("style", fExt.fExtPopup.attr("style") + "top:50px; left:50px;");
  304. break;
  305. case "BottomRight":
  306. fExt.fExtPopup.attr("style", fExt.fExtPopup.attr("style") + "bottom:50px; right:50px;");
  307. break;
  308. case "BottomLeft":
  309. fExt.fExtPopup.attr("style", fExt.fExtPopup.attr("style") + "bottom:50px; left:50px;");
  310. break;
  311. default:
  312. break;
  313. }
  314.  
  315. var siteFavIcon = fExt.jq("link[rel='icon']");
  316. if(siteFavIcon === undefined) {
  317. fExt.jq("head").append('<link id="favIcon" rel="icon" href="');
  318. siteFavIcon = fExt.jq("link[rel='icon']");
  319. }
  320. else {
  321. siteFavIcon.attr("id","favIcon");
  322. }
  323. var siteFavIconHref = siteFavIcon.attr("href");
  324.  
  325. fExt.getSelection = function() {
  326. return window.getSelection().toString();
  327. };
  328.  
  329. fExt.getSource = function(element) {
  330. var retVal;
  331.  
  332. var jqTarget = fExt.jq(element);
  333. var ucTagName = element.tagName.toUpperCase();
  334.  
  335. switch(ucTagName) {
  336. case "IMG":
  337. retVal = element.src;
  338. break;
  339. case "A":
  340. retVal = element.href;
  341. break;
  342. case "VIDEO":
  343. var videoSource = jqTarget.find("source");
  344. retVal = (videoSource.length > 0) ? videoSource.get(0).src : undefined;
  345. break;
  346. case "INPUT":
  347. return jqTarget.val();
  348. default:
  349. jqTarget = fExt.jq(element).closest("a");
  350. if(jqTarget.length > 0)
  351. retVal = jqTarget.attr("href");
  352. break;
  353. }
  354.  
  355. if(retVal) {
  356. if(!retVal.match("http.*")) {
  357. retVal = window.location.origin + retVal;
  358. }
  359. }
  360. else {
  361. retVal = fExt.jq(element).text();
  362. }
  363.  
  364. return retVal;
  365. };
  366.  
  367. fExt.createStyle(".fExtLoader { background:url('" + loader50 + "') #EFF7FF no-repeat top center; }");
  368.  
  369. // ContextMenu
  370. if(fExt.settings.customContextMenu) {
  371. fExt.ctxMenu = [];
  372.  
  373. // Styles
  374. fExt.createStyle("#fExtContextMenu,#fExtContextMenu * { text-align: left !important; text-decoration: none !important; color: #fff; z-index: " + (topZIndex + 10) + "; }");
  375. fExt.createStyle("#fExtContextMenu { position: fixed; }");
  376. fExt.createStyle("#fExtContextMenu,.ctxSubList { font-size: 14px; background-color: #263238; width: 300px; height: auto; padding: 0;}");
  377. fExt.createStyle("#fExtContextMenu a,#fExtContextMenu hr,#fExtContextMenu li { width: 100%;}");
  378. fExt.createStyle("#fExtContextMenu .ctxElement { float: left; clear: left;}");
  379. fExt.createStyle("#fExtContextMenu li>a,#fExtContextMenu li>div,.ctxSubList li>a,.ctxSubList li>div { padding: 8px;}");
  380. fExt.createStyle("#fExtContextMenu li hr { margin: 0; border-style: solid; border-color: #666; border-width: 1px 0 0 0;}");
  381. fExt.createStyle("#fExtContextMenu li.ctxSub { cursor: default; font-weight: bold;}");
  382. fExt.createStyle("#fExtContextMenu li.ctxSub * { cursor: pointer; font-weight: normal;}");
  383. fExt.createStyle("#fExtContextMenu li { list-style-type: none; margin: 0 !important;}");
  384. fExt.createStyle("#fExtContextMenu li.ctxSub:hover>div.ctxSubLabel,");
  385. fExt.createStyle("#fExtContextMenu li.ctxSub:hover>div.ctxArrow {}");
  386. fExt.createStyle("#fExtContextMenu li.ctxItem { padding-left: 5px;}");
  387. fExt.createStyle("#fExtContextMenu li.ctxItem { border: none; position: initial; box-sizing: border-box; transition: all 250ms ease; }");
  388. fExt.createStyle("#fExtContextMenu li.ctxItem:hover { background: #3a7999; color: #3a7999; box-shadow: inset 0 0 0 3px #3a7999; }");
  389. fExt.createStyle("#fExtContextMenu li.ctxSub.disabled div.ctxSubLabel:hover,");
  390. fExt.createStyle("#fExtContextMenu li.ctxItem.disabled:hover a,#fExtContextMenu li.disabled div.ctxSubLabel,#fExtContextMenu li.disabled a { opacity: 0.70; font-style: italic; padding-left: 7px !important;}");
  391. fExt.createStyle("#fExtContextMenu li.ctxSeparator { display: inline-block;}");
  392. fExt.createStyle("#fExtContextMenu li.ctxSub div.ctxSubLabel { padding-left: 10px !important; float: left; clear: left;}");
  393. fExt.createStyle("#fExtContextMenu li.ctxSub div.ctxArrow { float: right; clear: right;}");
  394. fExt.createStyle("#fExtContextMenu li.ctxSub ul.ctxSubList { position: absolute; height: auto;}");
  395. fExt.createStyle(".fExtCtxHighlighter { position: absolute; background-color: red; display: block;}");
  396.  
  397. // Default variables
  398. fExt.ctxMenu.uniqueID = 1;
  399. fExt.ctxMenu.allItems = [];
  400. fExt.ctxMenu.actor = undefined;
  401. fExt.ctxMenu.actorStyles = '';
  402. fExt.ctxMenu.html = fExt.jq('<ul id="fExtContextMenu" class="ctxElement" style="display: none;"></ul>');
  403. fExt.ctxMenu.html.appendTo("body");
  404. fExt.ctxMenu.Show = function() { fExt.show(fExt.ctxMenu.html, 0); };
  405. fExt.ctxMenu.Hide = function(speed) {
  406. fExt.hide(fExt.ctxMenu.html, speed, function(){
  407. if(fExt.ctxMenu.actor) {
  408. if (fExt.settings.ctxActorMark)
  409. fExt.jq(".fExtCtxHighlighter").remove();
  410. }
  411. });
  412. };
  413.  
  414. // Private Methods
  415. ctxCtor = function(ret) {
  416. ret.ItemText = function(value) {
  417. if(value === undefined)
  418. return this.label.text();
  419.  
  420. this.label.text(value);
  421. };
  422. ret.Toggle = function(enabled) {
  423. if(enabled === true || (enabled === undefined && this.hasClass("disabled")))
  424. this.removeClass("disabled");
  425. else
  426. this.addClass("disabled");
  427. };
  428. ret.IsDisabled = function() {
  429. return this.hasClass("disabled");
  430. };
  431. ret.ID = function() {
  432. return this.itemId;
  433. };
  434. ret.Remove = function() {
  435. if(ret.hasClass("ctxSub")) {
  436. ret.Clear();
  437. }
  438. else if(ret.sub) {
  439. ret.sub.Items.splice(ret.sub.Items.indexOf(ret),1);
  440. }
  441. ret.remove();
  442. };
  443. };
  444.  
  445. getParentFrom = function(sub) {
  446. if(sub !== undefined)
  447. return fExt.jq(sub).find("ul:first");
  448. else
  449. return fExt.ctxMenu.html;
  450. };
  451.  
  452. setZIndex = function(item, parent) {
  453. var parentzIndex = parent.css("z-index");
  454. parentzIndex++;
  455. item.css("z-index", parentzIndex);
  456. item.children().each(function() { fExt.jq(this).css("z-index", parentzIndex); });
  457. };
  458.  
  459. // Public Methods
  460. fExt.ctxMenu.addItem = function(label, unused, sub) {
  461. console.log("The method 'addItem' is obsolete, please use 'addCtxItem(label, sub)'!");
  462. return fExt.ctxMenu.addCtxItem(label, sub);
  463. };
  464.  
  465. fExt.ctxMenu.addCtxItem = function(label, sub) {
  466. var ret = fExt.jq('<li class="ctxItem ctxElement"></li>');
  467. var retObj = fExt.jq('<a href="#" class="ctxElement">' + label + '</a>');
  468. retObj.appendTo(ret);
  469. ret.label = retObj;
  470.  
  471. if(sub) {
  472. sub.Add(ret);
  473. ret.sub = sub;
  474. }
  475. else {
  476. ret.appendTo(fExt.ctxMenu.html);
  477. setZIndex(ret, fExt.ctxMenu.html);
  478. }
  479.  
  480. ctxCtor(ret);
  481.  
  482. ret.Attribute = function(attribute, value) {
  483. if(value === undefined)
  484. return ret.attr(attribute);
  485. else
  486. ret.attr(attribute, value);
  487. };
  488.  
  489. ret.Trigger = function(){
  490. fExt.ctxMenu.actor = ret;
  491. if(ret.Action)
  492. ret.Action(undefined, ret, fExt.ctxMenu.actor);
  493. };
  494.  
  495. ret.Action = undefined;
  496. fExt.ctxMenu.assignID(ret);
  497. return ret;
  498. };
  499.  
  500. fExt.ctxMenu.addSub = function(label, orientation, sub) {
  501. console.log("The method 'addSub' is obsolete, please use 'addCtxSub(label, sub, orientation)'!");
  502. return fExt.ctxMenu.addCtxSub(label, sub, orientation);
  503. };
  504.  
  505. fExt.ctxMenu.addCtxSub = function(label, sub, orientation) {
  506. if(orientation !== undefined)
  507. console.log("The orientation parameter is obsolete, please use addCtxSub(label, sub).");
  508.  
  509. var ret = fExt.jq('<li class="ctxElement ctxSub"><div class="ctxElement ctxArrow">&gt;</div></li>');
  510. var list = fExt.jq('<ul class="ctxElement ctxSubList" style="display: none"></ul>');
  511. list.appendTo(ret);
  512. ret.list = list;
  513. var element = fExt.jq('<div class="ctxElement ctxSubLabel">' + label + ' </div>');
  514. element.appendTo(ret);
  515. ret.label = element;
  516.  
  517. ctxCtor(ret);
  518.  
  519. ret.Items = [];
  520.  
  521. var parentMenu = getParentFrom(sub);
  522.  
  523. if(sub)
  524. sub.Add(ret);
  525. else {
  526. ret.appendTo(parentMenu);
  527. setZIndex(ret, parentMenu);
  528. }
  529.  
  530. ret.Add = function(item) {
  531. ret.Items.push(item);
  532. item.appendTo(ret.list);
  533. setZIndex(item, parentMenu);
  534. };
  535.  
  536. ret.Clear = function() {
  537. while(ret.Items.length > 0) {
  538. ret.Items[0].remove();
  539. ret.Items.splice(0, 1);
  540. }
  541. };
  542.  
  543. return ret;
  544. };
  545.  
  546. fExt.ctxMenu.addSeparator = function(sub) {
  547. var ret = fExt.jq('<li class="ctxElement ctxSeparator"><hr/></li>');
  548.  
  549. sub.Add(ret);
  550.  
  551. return ret;
  552. };
  553.  
  554. fExt.ctxMenu.assignID = function(item) {
  555. if(item.ID() !== undefined)
  556. console.log("Item already has an ID: " + item.ID());
  557.  
  558. item.itemId = fExt.ctxMenu.uniqueID;
  559. item.data("Item-ID", item.itemId);
  560. fExt.ctxMenu.uniqueID++;
  561. fExt.ctxMenu.allItems.push(item);
  562. };
  563.  
  564. fExt.ctxMenu.getItem = function(id) {
  565. if(id !== undefined) {
  566. for(i = 0;i < fExt.ctxMenu.allItems.length; i++) {
  567. var item = fExt.ctxMenu.allItems[i];
  568. if(id === item.ID())
  569. return item;
  570. }
  571. }
  572.  
  573. return undefined;
  574. };
  575.  
  576. // Events
  577. fExt.ctxMenu.html.on("click", "li", function( event ) {
  578. var sender = fExt.ctxMenu.getItem(fExt.jq(this).data("Item-ID"));
  579. if(sender === undefined || sender.Action === undefined)
  580. return true;
  581.  
  582. event.preventDefault();
  583. if(!sender.IsDisabled())
  584. sender.Action(event, sender, fExt.ctxMenu.actor);
  585.  
  586. fExt.ctxMenu.Hide(0);
  587. return false;
  588. });
  589.  
  590. fExt.ctxMenu.html.on("mouseenter", "li.ctxSub", function(event) {
  591. var sub = fExt.jq(this);
  592. var subOffs = sub.offset();
  593. var ul = sub.children("ul.ctxSubList:first");
  594.  
  595. if(ul.children("li.ctxItem, li.ctxSub").length === 0)
  596. return;
  597.  
  598. fExt.show(ul, 0);
  599.  
  600. var height = ul.height();
  601. var width = ul.width();
  602. var y = subOffs.top;
  603. var x = subOffs.left + sub.width();
  604. if ((x + width) >= window.screen.availWidth)
  605. x = subOffs.left - ul.width();
  606. if ((y + height + 100 - window.scrollY) >= window.screen.availHeight)
  607. y = y - height + fExt.settings.toleranceY;
  608.  
  609. if ((y - window.scrollY) < 0)
  610. y = window.scrollY;
  611. if ((x - window.scrollX) < 0)
  612. x = window.scrollX;
  613.  
  614. if (y < event.clientY && (y + height) <= event.clientY)
  615. y += fExt.settings.toleranceY;
  616.  
  617. ul.offset({ top: y, left: x});
  618. });
  619.  
  620. fExt.ctxMenu.html.on("mouseleave", "li.ctxSub", function(event) {
  621. var ul = fExt.jq(this).children("ul.ctxSubList:first");
  622. fExt.hide(ul, 0);
  623. });
  624.  
  625. fExt.ctxMenu.html.on("mouseenter", "li.ctxSub", function(event) {
  626. var ul = fExt.jq(this).children("ul.ctxSubList:first");
  627.  
  628. if(fExt.jq(this).find("li.ctxItem").length > 0)
  629. fExt.show(ul, 0);
  630. });
  631.  
  632. fExt.customContextMenuHandler = function (event) {
  633. event.preventDefault();
  634.  
  635. fExt.ctxMenu.actor = fExt.jq(event.target);
  636.  
  637. if (fExt.settings.ctxActorMark) {
  638. fExt.jq(".fExtCtxHighlighter").remove();
  639.  
  640. var offs = fExt.ctxMenu.actor.offset();
  641. var coords = [{
  642. name: "top",
  643. x: offs.left,
  644. y: offs.top - fExt.settings.ctxActorMarkThickness,
  645. height: fExt.settings.ctxActorMarkThickness,
  646. width: fExt.ctxMenu.actor.width(),
  647. },{
  648. name: "left",
  649. x: offs.left - fExt.settings.ctxActorMarkThickness,
  650. y: offs.top,
  651. height: fExt.ctxMenu.actor.height(),
  652. width: fExt.settings.ctxActorMarkThickness,
  653. },{
  654. name: "bottom",
  655. x: offs.left,
  656. y: offs.top + fExt.ctxMenu.actor.height() + fExt.settings.ctxActorMarkThickness,
  657. height: fExt.settings.ctxActorMarkThickness,
  658. width: fExt.ctxMenu.actor.width(),
  659. },{
  660. name: "right",
  661. x: offs.left + fExt.ctxMenu.actor.width() + fExt.settings.ctxActorMarkThickness,
  662. y: offs.top,
  663. height: fExt.ctxMenu.actor.height(),
  664. width: fExt.settings.ctxActorMarkThickness,
  665. },];
  666.  
  667. var zIndex = fExt.ctxMenu.actor.css("z-index");
  668. if(zIndex != "auto")
  669. zIndex++;
  670.  
  671. for(var ind in coords){
  672. fExt.jq("<div class='fExtCtxHighlighter' style='position: absolute; z-index: " + zIndex + "; width: " + coords[ind].width + "px; height: " + coords[ind].height + "px; left: " + coords[ind].x + "px; top: " + coords[ind].y + "px;'></div>").appendTo("body");
  673. }
  674. }
  675.  
  676. var y = event.clientY - fExt.settings.toleranceY,
  677. x = event.clientX - fExt.settings.toleranceX;
  678. if ((x + fExt.ctxMenu.html.width()) >= window.screen.availWidth)
  679. x = x - fExt.ctxMenu.html.width() + (fExt.settings.toleranceX * 1.5);
  680. if ((y + fExt.ctxMenu.html.height() + 100) >= window.screen.availHeight)
  681. y = y - fExt.ctxMenu.html.height() + (fExt.settings.toleranceY * 1.5);
  682.  
  683. if (y < 0)
  684. y = 0;
  685. if (x < 0)
  686. x = 0;
  687.  
  688. fExt.ctxMenu.html.css({
  689. top: y,
  690. left: x
  691. });
  692.  
  693. fExt.reassignZIndex();
  694.  
  695. fExt.ctxMenu.html.trigger("fExtContextMenuOpening", [fExt.ctxMenu.actor]);
  696.  
  697. fExt.ctxMenu.Show();
  698.  
  699. return false;
  700. };
  701.  
  702. if(fExt.settings.hideContextMenuOnLeave) {
  703. fExt.ctxMenu.html.mouseleave(function() {
  704. fExt.ctxMenu.Hide();
  705. });
  706. fExt.ctxMenu.html.mouseenter(function() {
  707. fExt.ctxMenu.html.finish();
  708. fExt.ctxMenu.Show(0);
  709. });
  710. }
  711. else {
  712. fExt.jq("body").click(function(e) {
  713. if(!fExt.jq(this).hasClass("ctxElement") && fExt.ctxMenu.html.is(":visible"))
  714. fExt.ctxMenu.Hide();
  715. });
  716. }
  717.  
  718. fExt.jq(document).on('contextmenu', function(event) {
  719. if(!fExt.jq(event.target).hasClass("ctxElement")) {
  720. if(!event.shiftKey) {
  721. fExt.customContextMenuHandler(event);
  722. }
  723. }
  724. else
  725. fExt.ctxMenu.Hide();
  726. });
  727. }
  728. else {
  729. fExt.ctxMenu.uniqueID = 1;
  730. fExt.ctxMenu.allItems = [];
  731. fExt.ctxMenu.actor = undefined;
  732. fExt.ctxMenu.Show = function() {
  733. console.log("ContextMenu is turned off");
  734. };
  735. fExt.ctxMenu.Hide = function() {
  736. console.log("ContextMenu is turned off");
  737. };
  738. fExt.ctxMenu.addItem = function() {
  739. console.log("ContextMenu is turned off");
  740. };
  741. fExt.ctxMenu.addCtxItem = function() {
  742. console.log("ContextMenu is turned off");
  743. };
  744. fExt.ctxMenu.addSub = function() {
  745. console.log("ContextMenu is turned off");
  746. };
  747. fExt.ctxMenu.addCtxSub = function() {
  748. console.log("ContextMenu is turned off");
  749. };
  750. fExt.ctxMenu.addSeparator = function() {
  751. console.log("ContextMenu is turned off");
  752. };
  753. fExt.ctxMenu.assignID = function() {
  754. console.log("ContextMenu is turned off");
  755. };
  756. fExt.ctxMenu.getItem = function() {
  757. console.log("ContextMenu is turned off");
  758. };
  759. fExt.customContextMenuHandler = function () {
  760. console.log("ContextMenu is turned off");
  761. };
  762. }
  763.  
  764.  
  765. // Finalize
  766. document.fExt = fExt;
  767.  
  768. fExt.fExtPopup.click(function(e){
  769. fExt.popupQueue = [];
  770. fExt.hide(fExt.jq(this));
  771. });
  772.  
  773. fExt.fExtMessage.click(function(e){
  774. fExt.hide(fExt.jq(this));
  775. });
  776.  
  777. console.log("frisch's UserScript Extender initialized!");
  778. }

QingJ © 2025

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