☰

Greasy Fork 支持简体中文。

DF Bookmarks

Tool to let you navigate easier through DF

目前為 2017-09-02 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         DF Bookmarks
  3. // @version      1.30
  4. // @description  Tool to let you navigate easier through DF
  5. // @author       A Meaty Alt
  6. // @include      /onlinezombiemmo/index.php/
  7. // @exclude      fairview.deadfrontier.com/onlinezombiemmo/index.php?page=21
  8. // @exclude      https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=21
  9. // @grant        none
  10. // @require      https://greasyfork.org/scripts/32816-append-script/code/Append%20Script.js?version=215508
  11. // @noframes
  12. // @run-at       document-idle
  13. // @namespace 
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.     var elements = {};
  18.  
  19.     var hamburgerImg = document.createElement("img");
  20.     hamburgerImg.src = "https://puu.sh/xpuv8/067b3cef24.png";
  21.     hamburgerImg.height = "50";
  22.     hamburgerImg.width = "40";
  23.     elements.hamburgerLink = document.createElement("a");
  24.     elements.hamburgerLink.href = "#";
  25.     elements.hamburgerLink.id = "hamburger";
  26.     elements.hamburgerLink.appendChild(hamburgerImg);
  27.     elements.hamburgerLink.setAttribute("onclick", "showMenu()");
  28.     elements.hamburgerLink.style.float += " left";
  29.     elements.hamburgerLink.style.textAlign = "center";
  30.     elements.hamburgerLink.style.marginLeft = "30px";
  31.     
  32.     function showMenu(){
  33.         var menu = document.getElementById("menu_holder");
  34.         if(menu){
  35.             if(menu.hidden)
  36.                 menu.hidden = false;
  37.             else
  38.                 menu.hidden = true;
  39.         }
  40.         else
  41.             createMenu();
  42.     }
  43.     appendScript(showMenu.toString());
  44.  
  45.     function createMenu(){
  46.         function createBookmark(name, link){
  47.             var newBookmarkHolder = document.createElement("span");
  48.             newBookmarkHolder.classList.add("newBookmark");
  49.             var i = document.getElementsByClassName("newBookmark").length+1;
  50.             newBookmarkHolder.id = "bookmark_"+i;
  51.             newBookmarkHolder.innerHTML += "<a href='"+link+"'>"+name + "</a>";
  52.             newBookmarkHolder.style.marginLeft = "30px";
  53.             var removeBookmarkImg = document.createElement("img");
  54.             removeBookmarkImg.src = "https://cdn1.iconfinder.com/data/icons/perfect-flat-icons-2/512/Erase-2.png";
  55.             removeBookmarkImg.style.height = "20px";
  56.             removeBookmarkImg.style.width = "20px";
  57.             removeBookmarkImg.style.cursor = "pointer";
  58.             removeBookmarkImg.style.marginLeft = "10px";
  59.             removeBookmarkImg.id = "remove_"+i;
  60.             
  61.             removeBookmarkImg.setAttribute("onclick", 'var bookmarks = JSON.parse(localStorage.getItem("df_bookmarks"));delete bookmarks[this.parentElement.id];localStorage.setItem("df_bookmarks", JSON.stringify(bookmarks));this.parentElement.outerHTML = ""; ');
  62.             newBookmarkHolder.appendChild(removeBookmarkImg);
  63.             document.getElementById("new_bookmark_holder").appendChild(newBookmarkHolder);
  64.             var bookmarks = localStorage.getItem("df_bookmarks")? JSON.parse(localStorage.getItem("df_bookmarks")) : {};
  65.             bookmarks[newBookmarkHolder.id] = name+"|"+link;
  66.             localStorage.setItem("df_bookmarks", JSON.stringify(bookmarks));
  67.         }
  68.         appendScript(createBookmark.toString());
  69.         function loadBookmarks(){
  70.             if(localStorage.getItem("df_bookmarks")){
  71.                 var bookmarks = JSON.parse(localStorage.getItem("df_bookmarks"));
  72.                 for(var i in bookmarks){
  73.                     var bookmark = bookmarks[i].split("|");
  74.                     createBookmark(bookmark[0], bookmark[1]);
  75.                 }
  76.             }
  77.         }
  78.         function createAddBookmark(){
  79.             function addBookmark(){
  80.                 var name = prompt("Please enter a name for the bookmark");
  81.                 if(name){
  82.                     var link = prompt("Please enter a link for the bookmark (Don't forget the http:// or https:// at the begining of the address)");
  83.                     if(link){
  84.                         createBookmark(name, link);
  85.                     }
  86.                     else{
  87.                         alert("Error adding bookmark");
  88.                     }
  89.                 }
  90.                 else{
  91.                     alert("Error adding bookmark");
  92.                 }
  93.             }
  94.             appendScript(addBookmark.toString());
  95.             
  96.             var addBookmarkImg = document.createElement("img");
  97.             addBookmarkImg.src = "https://cdn3.iconfinder.com/data/icons/musthave/256/Add.png";
  98.             addBookmarkImg.style.height = "30px";
  99.             addBookmarkImg.style.width = "30px";
  100.             addBookmarkImg.style.position = "relative";
  101.             addBookmarkImg.style.cursor = "pointer";
  102.             addBookmarkImg.style.marginBottom = "10px";
  103.             addBookmarkImg.style.right = "30px";
  104.             addBookmarkImg.style.float = "right";
  105.             addBookmarkImg.setAttribute("onclick", "addBookmark()");
  106.             document.getElementById("menu_holder").appendChild(addBookmarkImg);
  107.         }
  108.         
  109.         var menuHolder = document.createElement("div");
  110.         menuHolder.style.zIndex = 99;
  111.         menuHolder.style.position = "relative";
  112.         menuHolder.style.top = "10px";
  113.         menuHolder.id = "menu_holder";
  114.         var bookmarkHolder = document.createElement("span");
  115.         bookmarkHolder.id = "new_bookmark_holder";
  116.         menuHolder.appendChild(bookmarkHolder);
  117.         var table = document.getElementsByTagName("table")[7];
  118.         table.appendChild(menuHolder);
  119.         loadBookmarks();
  120.         createAddBookmark();
  121.     }
  122.  
  123.     var outpostImg = document.createElement("img");
  124.     outpostImg.src = "https://puu.sh/xl87q/22ec393481.png";
  125.     outpostImg.height = "30";
  126.     outpostImg.width = "30";
  127.     elements.outpostLink = document.createElement("a");
  128.     elements.outpostLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php";
  129.     elements.outpostLink.appendChild(outpostImg);
  130.     elements.outpostLink.innerHTML += "<div>Outpost</div>";
  131.     elements.outpostLink.style.float += " left";
  132.     elements.outpostLink.style.textAlign = "center";
  133.     elements.outpostLink.style.marginLeft = "30px";
  134.  
  135.     var creditImg = document.createElement("img");
  136.     creditImg.src = "https://puu.sh/xl6wJ/505c55fd89.png";
  137.     creditImg.height = "30";
  138.     creditImg.width = "30";
  139.     elements.creditLink = document.createElement("a");
  140.     elements.creditLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=28";
  141.     elements.creditLink.appendChild(creditImg);
  142.     elements.creditLink.innerHTML += "<div>Credit Shop</div>";
  143.     elements.creditLink.style.float += " left";
  144.     elements.creditLink.style.textAlign = "center";
  145.     elements.creditLink.style.marginLeft = "30px";
  146.  
  147.     var forumImg = document.createElement("img");
  148.     forumImg.src = "https://puu.sh/xl6wI/f7c1dc5342.png";
  149.     forumImg.height = "30";
  150.     forumImg.width = "30";
  151.     elements.forumLink = document.createElement("a");
  152.     elements.forumLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?action=forum";
  153.     elements.forumLink.appendChild(forumImg);
  154.     elements.forumLink.innerHTML += "<div>Forum</div>";
  155.     elements.forumLink.style.float += " left";
  156.     elements.forumLink.style.textAlign = "center";
  157.     elements.forumLink.style.marginLeft = "30px";
  158.  
  159.     var marketImg = document.createElement("img");
  160.     marketImg.src = "https://puu.sh/xl6wG/9513335dc7.png";
  161.     marketImg.height = "30";
  162.     marketImg.width = "30";
  163.     elements.marketLink = document.createElement("a");
  164.     elements.marketLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=35";
  165.     elements.marketLink.appendChild(marketImg);
  166.     elements.marketLink.innerHTML += "<div>Market</div>";
  167.     elements.marketLink.style.float += " left";
  168.     elements.marketLink.style.textAlign = "center";
  169.     elements.marketLink.style.marginLeft = "30px";
  170.  
  171.     var bankImg = document.createElement("img");
  172.     bankImg.src = "http://i.imgur.com/ves2oqQ.png";
  173.     bankImg.height = "30";
  174.     bankImg.width = "30";
  175.     elements.bankLink = document.createElement("a");
  176.     elements.bankLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=15";
  177.     elements.bankLink.appendChild(bankImg);
  178.     elements.bankLink.innerHTML += "<div>Bank</div>";
  179.     elements.bankLink.style.float += " left";
  180.     elements.bankLink.style.textAlign = "center";
  181.     elements.bankLink.style.marginLeft = "30px";
  182.  
  183.     var storageImg = document.createElement("img");
  184.     storageImg.src = "http://i.imgur.com/uwgi6jw.png";
  185.     storageImg.height = "30";
  186.     storageImg.width = "30";
  187.     elements.storageLink = document.createElement("a");
  188.     elements.storageLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=50";
  189.     elements.storageLink.appendChild(storageImg);
  190.     elements.storageLink.innerHTML += "<div>Storage</div>";
  191.     elements.storageLink.style.float += " left";
  192.     elements.storageLink.style.textAlign = "center";
  193.     elements.storageLink.style.marginLeft = "30px";
  194.  
  195.     var logoutImg = document.createElement("img");
  196.     logoutImg.src = "https://puu.sh/xl6wH/91e58a7b64.png";
  197.     logoutImg.height = "30";
  198.     logoutImg.width = "30";
  199.     elements.logoutLink = document.createElement("a");
  200.     elements.logoutLink.href = getLogoutLink();
  201.     elements.logoutLink.appendChild(logoutImg);
  202.     elements.logoutLink.innerHTML += "<div>Logout</div>";
  203.     elements.logoutLink.style.float = "right";
  204.     elements.logoutLink.style.textAlign = "center";
  205.     elements.logoutLink.style.marginRight = "30px";
  206.  
  207.     var profileImg = document.createElement("img");
  208.     profileImg.src = "https://puu.sh/xldVQ/91268b98a4.png";
  209.     profileImg.height = "30";
  210.     profileImg.width = "30";
  211.     elements.profileLink = document.createElement("a");
  212.     elements.profileLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?action=profile";
  213.     elements.profileLink.style.float = "right";
  214.     elements.profileLink.appendChild(profileImg);
  215.     elements.profileLink.innerHTML += "<div>Profile</div>";
  216.     elements.profileLink.style.textAlign = "center";
  217.     elements.profileLink.style.marginRight = "30px";
  218.  
  219.     var inventoryImg = document.createElement("img");
  220.     inventoryImg.src = "https://puu.sh/xle3E/7689941f18.png";
  221.     inventoryImg.height = "30";
  222.     inventoryImg.width = "30";
  223.     elements.inventoryLink = document.createElement("a");
  224.     elements.inventoryLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=25";
  225.     elements.inventoryLink.style.float = "right";
  226.     elements.inventoryLink.appendChild(inventoryImg);
  227.     elements.inventoryLink.innerHTML += "<div>Inventory</div>";
  228.     elements.inventoryLink.style.textAlign = "center";
  229.     elements.inventoryLink.style.marginRight = "30px";
  230.  
  231.     var yardImg = document.createElement("img");
  232.     yardImg.src = "https://puu.sh/xmmVQ/44651a4cc6.png";
  233.     yardImg.height = "30";
  234.     yardImg.width = "30";
  235.     elements.yardLink = document.createElement("a");
  236.     elements.yardLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=24";
  237.     elements.yardLink.style.float = "right";
  238.     elements.yardLink.appendChild(yardImg);
  239.     elements.yardLink.innerHTML += "<div>The Yard</div>";
  240.     elements.yardLink.style.textAlign = "center";
  241.     elements.yardLink.style.marginRight = "30px";
  242.  
  243.     function getLogoutLink(){
  244.         return $("img[name=logout]").parent()[0].href;
  245.     }
  246.  
  247.     var table = document.getElementsByTagName("table")[7];
  248.     table.innerHTML = "<div id=bookmark_holder>";
  249.     dst = document.getElementById("bookmark_holder");
  250.     dst.style.overflow = "hidden";
  251.  
  252.     for(var element in elements){
  253.         if(element.indexOf("Link") > -1){
  254.             dst.appendChild(elements[element]);
  255.         }
  256.     }
  257.     table.style.backgroundImage = "url(https://puu.sh/xm1DU/7f0d182487.png)";
  258.     table.style.transform = "scaleY(1.2)";
  259.     table.style.position = "relative";
  260.     table.style.top = "5px";
  261.  
  262.     var annoyingBiatch = document.getElementsByTagName("tr")[1];
  263.     annoyingBiatch.style.height = "220px";
  264.     
  265.     appendScript(createMenu.toString());
  266. })();