☰

DF Bookmarks

Tool to let you navigate easier through DF

当前为 2017-09-02 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         DF Bookmarks
  3. // @version      1.32
  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, id){
  47.             var newBookmarkHolder = document.createElement("span");
  48.             newBookmarkHolder.classList.add("newBookmark");
  49.             newBookmarkHolder.id = id;
  50.             newBookmarkHolder.innerHTML += "<a href='"+link+"'>"+name + "</a>";
  51.             newBookmarkHolder.style.marginLeft = "30px";
  52.             var removeBookmarkImg = document.createElement("img");
  53.             removeBookmarkImg.src = "https://cdn1.iconfinder.com/data/icons/perfect-flat-icons-2/512/Erase-2.png";
  54.             removeBookmarkImg.style.height = "15px";
  55.             removeBookmarkImg.style.width = "15px";
  56.             removeBookmarkImg.style.cursor = "pointer";
  57.             removeBookmarkImg.style.marginLeft = "10px";
  58.             removeBookmarkImg.style.verticalAlign = "middle";
  59.             removeBookmarkImg.id = "remove_"+id;
  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 id in bookmarks){
  73.                     var bookmark = bookmarks[id].split("|");
  74.                     createBookmark(bookmark[0], bookmark[1], id);
  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.                         var amountBookmarks = localStorage.getItem("amountBookmarks");
  85.                         if(!amountBookmarks){
  86.                             localStorage.setItem("amountBookmarks", 0);
  87.                         }
  88.                         createBookmark(name, link, "bookmark_"+amountBookmarks+1);
  89.                         localStorage.setItem("amountBookmarks", parseInt(localStorage.getItem("amountBookmarks"))+1);
  90.                     }
  91.                     else{
  92.                         alert("Error adding bookmark");
  93.                     }
  94.                 }
  95.                 else{
  96.                     alert("Error adding bookmark");
  97.                 }
  98.             }
  99.             appendScript(addBookmark.toString());
  100.             
  101.             var addBookmarkImg = document.createElement("img");
  102.             addBookmarkImg.src = "https://cdn3.iconfinder.com/data/icons/musthave/256/Add.png";
  103.             addBookmarkImg.style.height = "30px";
  104.             addBookmarkImg.style.width = "30px";
  105.             addBookmarkImg.style.position = "relative";
  106.             addBookmarkImg.style.cursor = "pointer";
  107.             addBookmarkImg.style.marginBottom = "10px";
  108.             addBookmarkImg.style.verticalAlign = "middle";
  109.             addBookmarkImg.style.right = "30px";
  110.             addBookmarkImg.style.right = "5px";
  111.             addBookmarkImg.style.float = "right";
  112.             addBookmarkImg.setAttribute("onclick", "addBookmark()");
  113.             document.getElementById("menu_holder").appendChild(addBookmarkImg);
  114.         }
  115.         
  116.         var menuHolder = document.createElement("div");
  117.         menuHolder.style.position = "relative";
  118.         menuHolder.style.top = "10px";
  119.         menuHolder.id = "menu_holder";
  120.         var bookmarkHolder = document.createElement("span");
  121.         bookmarkHolder.id = "new_bookmark_holder";
  122.         menuHolder.appendChild(bookmarkHolder);
  123.         var table = document.getElementsByTagName("table")[7];
  124.         table.appendChild(menuHolder);
  125.         loadBookmarks();
  126.         createAddBookmark();
  127.     }
  128.  
  129.     var outpostImg = document.createElement("img");
  130.     outpostImg.src = "https://puu.sh/xl87q/22ec393481.png";
  131.     outpostImg.height = "30";
  132.     outpostImg.width = "30";
  133.     elements.outpostLink = document.createElement("a");
  134.     elements.outpostLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php";
  135.     elements.outpostLink.appendChild(outpostImg);
  136.     elements.outpostLink.innerHTML += "<div>Outpost</div>";
  137.     elements.outpostLink.style.float += " left";
  138.     elements.outpostLink.style.textAlign = "center";
  139.     elements.outpostLink.style.marginLeft = "30px";
  140.  
  141.     var creditImg = document.createElement("img");
  142.     creditImg.src = "https://puu.sh/xl6wJ/505c55fd89.png";
  143.     creditImg.height = "30";
  144.     creditImg.width = "30";
  145.     elements.creditLink = document.createElement("a");
  146.     elements.creditLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=28";
  147.     elements.creditLink.appendChild(creditImg);
  148.     elements.creditLink.innerHTML += "<div>Credit Shop</div>";
  149.     elements.creditLink.style.float += " left";
  150.     elements.creditLink.style.textAlign = "center";
  151.     elements.creditLink.style.marginLeft = "30px";
  152.  
  153.     var forumImg = document.createElement("img");
  154.     forumImg.src = "https://puu.sh/xl6wI/f7c1dc5342.png";
  155.     forumImg.height = "30";
  156.     forumImg.width = "30";
  157.     elements.forumLink = document.createElement("a");
  158.     elements.forumLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?action=forum";
  159.     elements.forumLink.appendChild(forumImg);
  160.     elements.forumLink.innerHTML += "<div>Forum</div>";
  161.     elements.forumLink.style.float += " left";
  162.     elements.forumLink.style.textAlign = "center";
  163.     elements.forumLink.style.marginLeft = "30px";
  164.  
  165.     var marketImg = document.createElement("img");
  166.     marketImg.src = "https://puu.sh/xl6wG/9513335dc7.png";
  167.     marketImg.height = "30";
  168.     marketImg.width = "30";
  169.     elements.marketLink = document.createElement("a");
  170.     elements.marketLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=35";
  171.     elements.marketLink.appendChild(marketImg);
  172.     elements.marketLink.innerHTML += "<div>Market</div>";
  173.     elements.marketLink.style.float += " left";
  174.     elements.marketLink.style.textAlign = "center";
  175.     elements.marketLink.style.marginLeft = "30px";
  176.  
  177.     var bankImg = document.createElement("img");
  178.     bankImg.src = "http://i.imgur.com/ves2oqQ.png";
  179.     bankImg.height = "30";
  180.     bankImg.width = "30";
  181.     elements.bankLink = document.createElement("a");
  182.     elements.bankLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=15";
  183.     elements.bankLink.appendChild(bankImg);
  184.     elements.bankLink.innerHTML += "<div>Bank</div>";
  185.     elements.bankLink.style.float += " left";
  186.     elements.bankLink.style.textAlign = "center";
  187.     elements.bankLink.style.marginLeft = "30px";
  188.  
  189.     var storageImg = document.createElement("img");
  190.     storageImg.src = "http://i.imgur.com/uwgi6jw.png";
  191.     storageImg.height = "30";
  192.     storageImg.width = "30";
  193.     elements.storageLink = document.createElement("a");
  194.     elements.storageLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=50";
  195.     elements.storageLink.appendChild(storageImg);
  196.     elements.storageLink.innerHTML += "<div>Storage</div>";
  197.     elements.storageLink.style.float += " left";
  198.     elements.storageLink.style.textAlign = "center";
  199.     elements.storageLink.style.marginLeft = "30px";
  200.  
  201.     var logoutImg = document.createElement("img");
  202.     logoutImg.src = "https://puu.sh/xl6wH/91e58a7b64.png";
  203.     logoutImg.height = "30";
  204.     logoutImg.width = "30";
  205.     elements.logoutLink = document.createElement("a");
  206.     elements.logoutLink.href = getLogoutLink();
  207.     elements.logoutLink.appendChild(logoutImg);
  208.     elements.logoutLink.innerHTML += "<div>Logout</div>";
  209.     elements.logoutLink.style.float = "right";
  210.     elements.logoutLink.style.textAlign = "center";
  211.     elements.logoutLink.style.marginRight = "30px";
  212.  
  213.     var profileImg = document.createElement("img");
  214.     profileImg.src = "https://puu.sh/xldVQ/91268b98a4.png";
  215.     profileImg.height = "30";
  216.     profileImg.width = "30";
  217.     elements.profileLink = document.createElement("a");
  218.     elements.profileLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?action=profile";
  219.     elements.profileLink.style.float = "right";
  220.     elements.profileLink.appendChild(profileImg);
  221.     elements.profileLink.innerHTML += "<div>Profile</div>";
  222.     elements.profileLink.style.textAlign = "center";
  223.     elements.profileLink.style.marginRight = "30px";
  224.  
  225.     var inventoryImg = document.createElement("img");
  226.     inventoryImg.src = "https://puu.sh/xle3E/7689941f18.png";
  227.     inventoryImg.height = "30";
  228.     inventoryImg.width = "30";
  229.     elements.inventoryLink = document.createElement("a");
  230.     elements.inventoryLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=25";
  231.     elements.inventoryLink.style.float = "right";
  232.     elements.inventoryLink.appendChild(inventoryImg);
  233.     elements.inventoryLink.innerHTML += "<div>Inventory</div>";
  234.     elements.inventoryLink.style.textAlign = "center";
  235.     elements.inventoryLink.style.marginRight = "30px";
  236.  
  237.     var yardImg = document.createElement("img");
  238.     yardImg.src = "https://puu.sh/xmmVQ/44651a4cc6.png";
  239.     yardImg.height = "30";
  240.     yardImg.width = "30";
  241.     elements.yardLink = document.createElement("a");
  242.     elements.yardLink.href = "https://fairview.deadfrontier.com/onlinezombiemmo/index.php?page=24";
  243.     elements.yardLink.style.float = "right";
  244.     elements.yardLink.appendChild(yardImg);
  245.     elements.yardLink.innerHTML += "<div>The Yard</div>";
  246.     elements.yardLink.style.textAlign = "center";
  247.     elements.yardLink.style.marginRight = "30px";
  248.  
  249.     function getLogoutLink(){
  250.         return $("img[name=logout]").parent()[0].href;
  251.     }
  252.  
  253.     var table = document.getElementsByTagName("table")[7];
  254.     table.innerHTML = "<div id=bookmark_holder>";
  255.     dst = document.getElementById("bookmark_holder");
  256.     dst.style.overflow = "hidden";
  257.  
  258.     for(var element in elements){
  259.         if(element.indexOf("Link") > -1){
  260.             dst.appendChild(elements[element]);
  261.         }
  262.     }
  263.     table.style.backgroundImage = "url(https://puu.sh/xm1DU/7f0d182487.png)";
  264.     table.style.transform = "scaleY(1.2)";
  265.     table.style.position = "relative";
  266.     table.style.top = "5px";
  267.  
  268.     var annoyingBiatch = document.getElementsByTagName("tr")[1];
  269.     annoyingBiatch.style.height = "220px";
  270.     
  271.     appendScript(createMenu.toString());
  272. })();