Trello - 修改背景

修改trello背景图片

当前为 2016-12-17 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Trello - change bg set cookie
  3. // @name:zh-CN Trello - 修改背景
  4. // @namespace null
  5. // @homepageurl null
  6. // @version 1.1.3
  7. // @description 修改trello背景
  8. // @description:zh-CN 修改trello背景图片
  9. // @author will
  10. // @match http*://*trello.com/b/*
  11. // @grant none
  12. // ==/UserScript==
  13. var setCookie = function (name, value) {
  14. if(localStorage){
  15. localStorage.setItem(name, value);
  16. }else{
  17. var days = 30;
  18. var exp = new Date();
  19. exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
  20. document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
  21. }
  22. };
  23. var getCookie = function(name) {
  24. var ret = "";
  25. if(localStorage){
  26. ret = localStorage.getItem(name);
  27. }else{
  28. var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
  29. var arr = document.cookie.match(reg);
  30. if (arr) {
  31. ret = unescape(arr[2]);
  32. }
  33. }
  34. return ret;
  35. };
  36. var addbg = function(){
  37. if($("body").css("background-image") == 'none'){
  38. var bg = getCookie('background-image') || "http://cdn.duitang.com/uploads/item/201211/29/20121129205623_QtGLE.jpeg";
  39. $("body").css("background-image","url("+bg+")");
  40. }
  41. };
  42.  
  43. var addbgBtn = function(){
  44. var flag = $('#changeBg20161216').html();
  45. if(!flag){
  46. var changeBg = $('<a class="board-header-btn board-header-btn-org-name board-header-btn-without-icon"><span class="board-header-btn-text" id="changeBg20161216">修改背景</span></a>');
  47. $('div.board-header').append(changeBg); // 添加按钮
  48. changeBg.click(function(){
  49. var bg = getCookie('background-image') || "http://cdn.duitang.com/uploads/item/201211/29/20121129205623_QtGLE.jpeg";
  50. var bg_val = prompt("请输入背景地址",bg);
  51. if(bg_val){
  52. setCookie('background-image',bg_val);
  53. $("body").css("background-image","url("+bg_val+")");
  54. }
  55. });
  56. }
  57. };
  58. var init = function() {
  59. setInterval(function(){
  60. addbgBtn();
  61. addbg();
  62. },1000);
  63. };
  64.  
  65. $(function(){
  66. init();
  67. });