☰

EH Search Tracker

Track your searches on e*hentai

  1. // ==UserScript==
  2. // @name         EH Search Tracker
  3. // @namespace    http://tampermonkey.net/
  4. // @version      .50
  5. // @description  Track your searches on e*hentai
  6. // @author       320
  7. // @match        https://e-hentai.org/*
  8. // @match        https://exhentai.org/*
  9. // @require      http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.  
  16. //Please note this code makes use of jQuery
  17.  
  18. //------------------------------ Add the "following" button at the top after the page loads, code copy pasted from stack overflow
  19.  
  20.      // Get the 4th arrow at the top, between Favorites and Home/Settings
  21.     var topBarArrows = document.getElementById("nb");
  22.     var fourthArrow = topBarArrows.getElementsByTagName("img")[3];
  23.  
  24.     // Make a new arrow, then insert that between Favorites and Home/Settings (before position 4)
  25.     var newImage = document.createElement("img");
  26.     newImage.src = "https://ehgt.org/g/mr.gif";
  27.     topBarArrows.insertBefore(newImage,fourthArrow);
  28.  
  29.     //Make new Text and insert that text between the (new) arrow and the (old) fourth arrow
  30.     var newText = document.createElement("a");
  31.     newText.innerHTML = " Following";
  32.     newText.href = "#";
  33.     newText.onclick = function() {showFollowing();};
  34.  
  35.     topBarArrows.insertBefore(newText,fourthArrow);
  36.  
  37.  
  38.     // loads the searchName array so the for loop knows how many search terms you have
  39.     var searchName = JSON.parse(window.localStorage.getItem("searchName"));
  40.  
  41.     //Put a subscribe button next to the "Show File Search" link near search box
  42.     var subscribeButton = document.createElement("a");
  43.     subscribeButton.innerText = "Show Subscribe Dialog";
  44.     subscribeButton.style.marginLeft = "7px";
  45.     subscribeButton.href = "#";
  46.     subscribeButton.id = "myBtn";
  47.     document.getElementById("searchbox").getElementsByClassName("nopm")[1].append(subscribeButton);
  48.     subscribeButton.onclick = function() {showSubscribe();};
  49.  
  50.     //Let's execute this now because this thing doesn't work
  51.     setupSubscribe();
  52.     //damn it still doesn't work
  53.  
  54. //-----------------The actual following script
  55.  
  56.     //Activates when "Following" is clicked
  57.     function showFollowing() {
  58.  
  59.     //Sets get requests to be synchronous with the code because _javascript_
  60.     //This has to be done here because jQuery hasn't finished loading by
  61.     //              the time the script loads in the "following" button
  62.     jQuery.ajaxSetup({async:false});
  63.  
  64.         console.log("It's starting");
  65.  
  66.     //Hide the main page...
  67.     document.getElementsByClassName("ido")[0].style.display = "none";
  68.  
  69.     //...then display the "Following" page
  70.     var newPage = document.createElement("div");
  71.     newPage.id = "myPage";
  72.     newPage.className = "page";
  73.  
  74.     var windowContent = document.createElement("div");
  75.     windowContent.className = "page-content";
  76.  
  77.     var pageTop = document.createElement("span");
  78.     pageTop.className = "close";
  79.     pageTop.innerText = "\nFollowing";
  80.     pageTop.style.fontSize = "200%";
  81.  
  82.     var pageText = document.createElement("p");
  83.     pageText.innerText = "Your followed searches:";
  84.     pageText.style.fontSize = "150%";
  85.  
  86.     //put everything together at the end of the body, then center it
  87.     document.body.insertBefore(newPage, document.getElementsByClassName("dp")[0]);
  88.     document.getElementById("myPage").append(windowContent);
  89.     document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pageTop);
  90.     document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pageText);
  91.  
  92.     document.getElementById("myPage").style.alignContent = "space-between";
  93.  
  94.  
  95. //-------------------------Start the search data collection
  96.  
  97.         var i = 0;
  98.  
  99.     //If the searchName array is undefined, you haven't saved any searches
  100.     //If the searchName array is defined as an array, start going through each search
  101.     if (searchName == null){
  102.            console.log("Oh, you don't have any saved searches...");
  103.            firstRun();
  104.     }
  105.     else{
  106.        console.log("Oh, you've got some saved searches. Let's start the userscript");
  107.  
  108.         //start getting data for each searchterm
  109.         beforeTheGet(0, searchName);
  110. }
  111.  
  112.     //Adds a "Reorder" button to the bottom of the page
  113.  
  114. //lolol next version maybe
  115.  
  116.   //save time you last updated this in MM / DD format, then puts it on the bottom
  117.   //It doesn't actually work though...
  118.        var newTimeUpdated = new Date().getMonth() + " / " + new Date().getDate();
  119.        var dateElement = document.createElement("p");
  120.        dateElement.innerText = "Last Updated: " + newTimeUpdated;
  121.        dateElement.style.fontSize = "110%";
  122.        document.getElementById("myPage").getElementsByClassName("page-content")[0].append(dateElement);
  123.  
  124. } //end show function
  125.  
  126.  
  127. //////---------------------beforeTheGet function (gets a search via GET request)
  128. function beforeTheGet(i, searchName) {
  129.   setTimeout(function() {
  130.         console.log("I've made it into the for loop!\nThe variable i now equals: " + i);
  131.  
  132.         //Request current search page via GET request also copy pasted from stack overflow
  133.         // and then uses the data to fill in the variables that need it
  134.         // Waits five seconds before executing each request (because the setTimeout increases with each for loop)
  135.         // (all information needed is achieved with one search)
  136.  
  137.         var xhr = "xhr before get";
  138.         $.get(
  139.             searchName[i],
  140.             {},
  141.             function(data) {
  142.                 xhr = data;
  143.                 console.log("I'm about to enter the afterTheGet function with i = " +i);
  144.                 afterTheGet(xhr , i);
  145.             }
  146.         );
  147.  
  148.       i++;
  149.       if (i < searchName.length){ console.log("I'm about to go into the next loop, with i = "+i); beforeTheGet(i , searchName);}
  150.         console.log("at the end of the for loop, the variable i = " + i);
  151.  
  152.   }, 5000*i);
  153. }
  154.  
  155. //-------------------------afterTheGet function (goes through data retrieved from search)
  156.     function afterTheGet(xhr , i){ setTimeout(function(){
  157.  
  158.         console.log("I'm now in the afterTheGet Function, where i = " + i);
  159.  
  160.         //redefine all variables in the scope of this function for some reason. These will be read from the localStorage:
  161.           var searchName = JSON.parse(window.localStorage.getItem("searchName"));
  162.           var lastResultNumber = JSON.parse(window.localStorage.getItem("lastResultNumber"));
  163.           var lastResultURL = JSON.parse(window.localStorage.getItem("lastResultURL"));
  164.           var humanName = JSON.parse(window.localStorage.getItem("humanName"));
  165.  
  166.         var newResultNumber = 12;
  167.         var newResultURL1 = "url1";
  168.         var newResultURL2 = "url1";
  169.         var newResultURL3 = "url1";
  170.         var newResultURL4 = "url1";
  171.         var newResultURL5 = "url1";
  172.         var newTimeUpdated = "time1";
  173.         var newGalleryPic1 = "picurl1"; //what the fuck are you doing use an array
  174.         var newGalleryPic2 = "picurl1";
  175.         var newGalleryPic3 = "picurl1";
  176.         var newGalleryPic4 = "picurl1";
  177.         var newGalleryPic5 = "picurl1";
  178.  
  179.         console.log("The lastresultNumber array is for some reason " +lastResultNumber);
  180.  
  181.  
  182.          //Wrap the html data in string form in order to use crap like "getElementsByClass" etc
  183.          var wrapper = document.createElement("div");
  184.          wrapper.innerHTML = xhr;
  185.  
  186.          //Get the number of galleries currently available for your search
  187.         var tempgalleryNumber = wrapper.getElementsByClassName("ip")[0].innerHTML.substring(16);
  188.         tempgalleryNumber = tempgalleryNumber.replace(",", "");
  189.         newResultNumber = parseInt(tempgalleryNumber);
  190.         console.log("The lastResultNumber array in the new function: " + lastResultNumber[i]);
  191.         console.log("The newResultNumber integer in the new function: " + newResultNumber);
  192.  
  193.         //Get the URL of the latest gallery available for that tag
  194.         //If the user is using list view, get it from where "it5" in the wrapper
  195.         //If the user is using thumbnail view, get it from where "id2" is
  196.         if (xhr.indexOf("it5") > -1) {
  197.             //We list view nao (works!)
  198.             //Get the five latest gallery urls for the list search
  199.             newResultURL1 = wrapper.getElementsByClassName("it5")[0].firstChild.href;
  200.             newResultURL2 = wrapper.getElementsByClassName("it5")[1].firstChild.href;
  201.             newResultURL3 = wrapper.getElementsByClassName("it5")[2].firstChild.href;
  202.             newResultURL4 = wrapper.getElementsByClassName("it5")[3].firstChild.href;
  203.             newResultURL5 = wrapper.getElementsByClassName("it5")[4].firstChild.href;
  204.  
  205.         }
  206.         else
  207.         {
  208.             //we thumbnail view nao (I think it works now!)
  209.              newResultURL1 = wrapper.getElementsByClassName("id2")[0].firstChild.href;
  210.              newResultURL2 = wrapper.getElementsByClassName("id2")[1].firstChild.href;
  211.              newResultURL3 = wrapper.getElementsByClassName("id2")[2].firstChild.href;
  212.              newResultURL4 = wrapper.getElementsByClassName("id2")[3].firstChild.href;
  213.              newResultURL5 = wrapper.getElementsByClassName("id2")[4].firstChild.href;
  214.         
  215.         }
  216.  
  217.         console.log("The first newURL in the new function: " + newResultURL1);
  218.         console.log("The 2 newURL in the new function: " + newResultURL2);
  219.         console.log("The 3 newURL in the new function: " + newResultURL3);
  220.         console.log("The 4 newURL in the new function: " + newResultURL4);
  221.         console.log("The first newURL in the new function: " + newResultURL5);
  222.  
  223.         //Get the URL of the thumbnail for latest gallery available for that tag
  224.         if ((window.location.href).indexOf("e-hen") > -1){
  225.             
  226.                 if (xhr.indexOf("it5") > -1) {   //ehen list view
  227.                     newGalleryPic1 = wrapper.getElementsByClassName("it2")[0].firstChild.src;
  228.                     newGalleryPic2 = wrapper.getElementsByClassName("it2")[1].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[1].innerHTML.indexOf(".jpg")+4)
  229.                     newGalleryPic2 = "https://" + newGalleryPic2.replace("~", "/");
  230.  
  231.                     newGalleryPic3 = wrapper.getElementsByClassName("it2")[2].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[2].innerHTML.indexOf(".jpg")+4)
  232.                     newGalleryPic3 = "https://" + newGalleryPic3.replace("~", "/");
  233.  
  234.                     newGalleryPic4 = wrapper.getElementsByClassName("it2")[3].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[3].innerHTML.indexOf(".jpg")+4)
  235.                     newGalleryPic4 = "https://" + newGalleryPic4.replace("~", "/");
  236.  
  237.                     newGalleryPic5 = wrapper.getElementsByClassName("it2")[4].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[4].innerHTML.indexOf(".jpg")+4)
  238.                     newGalleryPic5 = "https://" + newGalleryPic5.replace("~", "/");
  239.                 }
  240.                 else //ehen thumb view
  241.                 {
  242.                     newGalleryPic1 = wrapper.getElementsByClassName("id3")[0].firstChild.firstChild.src;
  243.                     newGalleryPic2 = wrapper.getElementsByClassName("id3")[1].firstChild.firstChild.src;
  244.                     newGalleryPic3 = wrapper.getElementsByClassName("id3")[2].firstChild.firstChild.src;
  245.                     newGalleryPic4 = wrapper.getElementsByClassName("id3")[3].firstChild.firstChild.src;
  246.                     newGalleryPic5 = wrapper.getElementsByClassName("id3")[4].firstChild.firstChild.src;
  247.                 }
  248.             }
  249.             else {
  250.  
  251.             if (xhr.indexOf("it5") > -1) {   //panda list view
  252.                 console.log("panda list view")
  253.                     newGalleryPic1 = wrapper.getElementsByClassName("it2")[0].firstChild.src;
  254.                     newGalleryPic2 = wrapper.getElementsByClassName("it2")[1].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[1].innerHTML.indexOf(".jpg")+4)
  255.                     newGalleryPic2 = "https://" + newGalleryPic2.replace("~", "/");
  256.  
  257.                     newGalleryPic3 = wrapper.getElementsByClassName("it2")[2].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[2].innerHTML.indexOf(".jpg")+4)
  258.                     newGalleryPic3 = "https://" + newGalleryPic3.replace("~", "/");
  259.  
  260.                     newGalleryPic4 = wrapper.getElementsByClassName("it2")[3].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[3].innerHTML.indexOf(".jpg")+4)
  261.                     newGalleryPic4 = "https://" + newGalleryPic4.replace("~", "/");
  262.  
  263.                     newGalleryPic5 = wrapper.getElementsByClassName("it2")[4].innerHTML.substring(6,wrapper.getElementsByClassName("it2")[4].innerHTML.indexOf(".jpg")+4)
  264.                     newGalleryPic5 = "https://" + newGalleryPic5.replace("~", "/");
  265.                 }
  266.                 else //panda thumb view
  267.                 {
  268.                     console.log("panda thumb view")
  269.                     newGalleryPic1 = wrapper.getElementsByClassName("id3")[0].firstChild.firstChild.src;
  270.                     newGalleryPic2 = wrapper.getElementsByClassName("id3")[1].firstChild.firstChild.src;
  271.                     newGalleryPic3 = wrapper.getElementsByClassName("id3")[2].firstChild.firstChild.src;
  272.                     newGalleryPic4 = wrapper.getElementsByClassName("id3")[3].firstChild.firstChild.src;
  273.                     newGalleryPic5 = wrapper.getElementsByClassName("id3")[4].firstChild.firstChild.src;
  274.                 }
  275.             }
  276.  
  277.     //    newGalleryPic = tempgalleryPicURL;
  278.         console.log(newGalleryPic1);
  279.         console.log(newGalleryPic2);
  280.         console.log(newGalleryPic3);
  281.         console.log(newGalleryPic4);
  282.         console.log(newGalleryPic5);
  283.  
  284.  
  285.         // Check whether the new number of galleries is the same as the old
  286.  
  287.         // Also checks whether the newResultURL is new or not. If it is,
  288.         // a gallery was updated, and that needs to be counted as a new result.
  289.         if (newResultNumber == lastResultNumber[i] && newResultURL1 != lastResultURL[i])
  290.         {
  291.             newResultNumber = lastResultNumber[i] + 1;
  292.         }
  293.  
  294.  
  295.         //Display results on the page
  296.         var searchElement = document.createElement("a");
  297.         searchElement.innerText = ("\n\n\n\n"+humanName[i] + "  ||  New Results: " + (newResultNumber - lastResultNumber[i]) + "\n\n");
  298.         searchElement.style.fontSize = "160%";
  299.         searchElement.style.fontWeight = "800";
  300.  
  301.         //Get proper URL for the search
  302.             if ((window.location.href).indexOf("e-hen") > -1){
  303.                 searchElement.href = "https://e-hentai.org" + searchName[i];
  304.             }
  305.             else {
  306.                 searchElement.href = "https://exhentai.org" + searchName[i];
  307.             }
  308.  
  309.             //Create five pictures for the five latest galleries
  310.             //fuuuuuuuck I should have made these arrays...
  311.             var searchPicture1 = document.createElement("img");
  312.             searchPicture1.src = newGalleryPic1;
  313.             var pictureContainer1 = document.createElement("a");
  314.             pictureContainer1.href = newResultURL1;
  315.             pictureContainer1.appendChild(searchPicture1);
  316.  
  317.             var searchPicture2 = document.createElement("img");
  318.             searchPicture2.src = newGalleryPic2;
  319.             var pictureContainer2 = document.createElement("a");
  320.             pictureContainer2.href = newResultURL2;
  321.             pictureContainer2.appendChild(searchPicture2);
  322.  
  323.             var searchPicture3 = document.createElement("img");
  324.             searchPicture3.src = newGalleryPic3;
  325.             var pictureContainer3 = document.createElement("a");
  326.             pictureContainer3.href = newResultURL3;
  327.             pictureContainer3.appendChild(searchPicture3);
  328.  
  329.             var searchPicture4 = document.createElement("img");
  330.             searchPicture4.src = newGalleryPic4;
  331.             var pictureContainer4 = document.createElement("a");
  332.             pictureContainer4.href = newResultURL4;
  333.             pictureContainer4.appendChild(searchPicture4);
  334.  
  335.             var searchPicture5 = document.createElement("img");
  336.             searchPicture5.src = newGalleryPic5;
  337.             var pictureContainer5 = document.createElement("a");
  338.             pictureContainer5.href = newResultURL5;
  339.             pictureContainer5.appendChild(searchPicture5);
  340.  
  341.             document.getElementById("myPage").getElementsByClassName("page-content")[0].append(searchElement);
  342.             document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pictureContainer1);
  343.             document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pictureContainer2);
  344.             document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pictureContainer3);
  345.             document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pictureContainer4);
  346.             document.getElementById("myPage").getElementsByClassName("page-content")[0].append(pictureContainer5);
  347.  
  348.  
  349.             console.log("The searchName array  at " +i +" is now length "+searchName.length);
  350.             console.log("The humanname array  " +i +" is now "+humanName);
  351.             console.log("The lastResultNumb array  " +i +" is now "+lastResultNumber);
  352.             console.log("The newResultNumb integer is  " +i +" is now "+newResultNumber);
  353.  
  354.             console.log("The lastURL array  " +i +" is now "+lastResultURL);
  355.  
  356.             //Update the arrays with new stuff...
  357.             lastResultNumber[i] = newResultNumber;
  358.             lastResultURL[i] = newResultURL1;
  359.  
  360.             //Remove the arrays from local storage
  361.             window.localStorage.removeItem("lastResultNumber");
  362.             window.localStorage.removeItem("lastResultURL");
  363.  
  364.             //Then save the arrays with the new elements back to localstorage
  365.             window.localStorage.setItem("lastResultNumber", JSON.stringify(lastResultNumber));
  366.             window.localStorage.setItem("lastResultURL", JSON.stringify(lastResultURL));
  367.  
  368.         console.log("-----------The afterTheGet Function has ended-------------");
  369.         console.log("Okay, let's just wait 6 seconds before moving onto the next search...");
  370.  
  371.  
  372.     }, 1);} // end afterTheGet function
  373.  
  374. //-------------------------show subsscribe dialog function
  375.     function setupSubscribe(){
  376.  
  377.  
  378. //Set up the Modal using javascript (Copy pasted from W3schools)
  379. var myModal = document.createElement("div");
  380.   myModal.className= "modal";
  381.   myModal.id = "myModal";
  382.  
  383. var modalContent = document.createElement("div");
  384.   modalContent.className = "modal-content";
  385.   myModal.append(modalContent);
  386.  
  387. var modalHeader = document.createElement("div");
  388.   modalHeader.className = "modal-header";
  389.   modalContent.append(modalHeader);
  390.  
  391. var closeThing = document.createElement("span");
  392.   closeThing.className = "close";
  393.   closeThing.innerText = "Close";
  394.   modalHeader.append(closeThing);
  395.  
  396. var headerText = document.createElement("h2");
  397.   headerText.innerText = "Subscribe to Search";
  398.   modalHeader.append(headerText);
  399.  
  400. var modalBody = document.createElement("div");
  401.   modalBody.className = "modal-body";
  402.   var bodyText = document.createElement("p");
  403.   bodyText.innerText = "Did you want to save this search?\nEnter what you want to name it below:\n";
  404.   bodyText.id = "modalBodyText";
  405.   var bodyTextBox = document.createElement("input");
  406.   bodyTextBox.type = "text";
  407.   bodyTextBox.id = "textBox";
  408.   var bodyConfirmButton = document.createElement("button");
  409.   bodyConfirmButton.innerText = "Save!";
  410.   bodyConfirmButton.onclick = function(){subscribeToSearch();};
  411.   var bodyDeleteButton = document.createElement("button");
  412.   bodyDeleteButton.innerText = "Delete!";
  413.   bodyDeleteButton.onclick = function(){deleteSearch();};
  414.   var makeshiftspacer = document.createElement("a");
  415.   makeshiftspacer.innerText = "    or    ";
  416.   modalBody.append(bodyText);
  417.   modalBody.append(bodyTextBox);
  418.   modalBody.append(bodyConfirmButton);
  419.   modalBody.appendChild(makeshiftspacer);
  420.   modalBody.append(bodyDeleteButton);
  421.   modalContent.append(modalBody);
  422.  
  423. var modalFooter = document.createElement("div");
  424.   modalFooter.className = "modal-footer";
  425.   var footerText = document.createElement("h3");
  426.   footerText.innerText = "The footer of the modal";
  427.   modalContent.append(modalFooter);
  428.  
  429. //Attach everything to the page
  430.   document.getElementsByClassName("itg")[0].append(myModal);
  431.  
  432. //-------------------------------static CSS
  433. myModal.style.cssText = "display: none; position: fixed;   z-index: 1;    padding-top: 100px;    left: 0;    top: 0;    width: 100%;     height: 100%;   overflow: auto;   background-color: rgb(0,0,0);    background-color: rgba(0,0,0,0.4);";
  434.  
  435. modalBody.style.cssText = "padding: 2px 16px;";
  436.  
  437. closeThing.style.cssText = "    color: white;    float: right;    font-size: 28px;    font-weight: bold;";
  438.  
  439. //-------------------------------dynamic CSS (supposed to change on panda)
  440. if ((window.location.href).indexOf("e-hen") > -1){
  441. modalContent.style.cssText = "    position: relative;    background-color: #FFFFFF;    margin: auto;    padding: 0;    border: 1px solid #888;    width: 80%;    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);";
  442.  
  443. modalHeader.style.cssText ="    padding: 2px 16px;    background-color: #732626;    color: white;";
  444.  
  445. modalFooter.style.cssText = " padding: 2px 16px;    background-color: #732626;    color: white;";
  446. }
  447. else
  448. {
  449.     modalContent.style.cssText = "    position: relative;    background-color: #4f535b;    margin: auto;    padding: 0;    border: 1px solid #888;    width: 80%;    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);";
  450.  
  451. modalHeader.style.cssText ="    padding: 2px 16px;    background-color: #34353b;    color: white;";
  452.  
  453. modalFooter.style.cssText = " padding: 2px 16px;    background-color: #34353b;    color: white;";
  454. }
  455.  
  456.  
  457. /*
  458. Oh wow, these don't even work
  459. var webkitkeyframeElement = document.createElement("style");
  460. webkitkeyframeElement.innerText = " @-webkit-keyframes animatetop {    from {top:-300px; opacity:0}     to {top:0; opacity:1}}";
  461.  
  462. var keyframeElement = document.createElement("style");
  463. keyframeElement.innerText = " @keyframes animatetop {    from {top:-300px; opacity:0}    to {top:0; opacity:1}}";
  464. */
  465.  
  466.  
  467. /*
  468. // When the user clicks anywhere outside of the modal, close it
  469. Oh, this doesn't work either
  470. window.onclick = function(event) {
  471.     if (event.target == modal) {
  472.         modal.style.display = "none";
  473.     }
  474. */
  475. }
  476.  
  477. //--------------------- javascript
  478.     function showSubscribe(){
  479.         // Get the modal
  480.         var modal = document.getElementById("myModal");
  481.  
  482.         console.log("modal is "+modal);
  483.         // Get the button that opens the modal
  484.         var bttn = document.getElementById("myBtn");
  485.  
  486.         console.log("bttn is "+bttn);
  487.         // Get the <span> element that closes the modal
  488.         var span = document.getElementsByClassName("close")[0];
  489.  
  490.         console.log("span is "+span);
  491.         // When the user clicks the button, open the modal
  492.         bttn.onclick = function() {
  493.             modal.style.display = "block";
  494.             console.log("I've set the display");
  495.         };
  496.  
  497.         // When the user clicks on <span> (close), close the modal
  498.         span.onclick = function() {
  499.             modal.style.display = "none";
  500.             console.log("I've changed the span thing");
  501.         };
  502.     }
  503.  
  504.  
  505. //--------------------------Function that subscribes you to a search
  506.     function subscribeToSearch(){
  507.  
  508.         //load in the arrays from localstorage...
  509.         var searchName = JSON.parse(window.localStorage.getItem("searchName"));
  510.         var humanName = JSON.parse(window.localStorage.getItem("humanName"));
  511.         var lastResultNumber = JSON.parse(window.localStorage.getItem("lastResultNumber"));
  512.         var lastResultURL = JSON.parse(window.localStorage.getItem("lastResultURL"));
  513.  
  514.         var youarehere = (window.location.href);
  515.  
  516.         //used to check for duplicate searches:
  517.         var isANewArray = "false";
  518.         var tempsearchName;
  519.         if(searchName!==null){
  520.             tempsearchName = searchName.slice();
  521.         }
  522.         else {
  523.  
  524.             //Prepare empty arrays
  525.             searchName=[];
  526.             tempsearchName = [];
  527.             humanName =[];
  528.             lastResultNumber = [];
  529.             lastResultURL = [];
  530.         }
  531.  
  532.         //Checks if these arrays are null (i.e. this is the first time you're subscribing to a search)
  533.         if (searchName == null) {
  534.  
  535.             console.log("This is the first time you're subscribing to a search. Creating localstorage variables for later...");
  536.  
  537.             //Place the new elements into a new array
  538.             youarehere = youarehere.substring(20, youarehere.length-1);
  539.             tempsearchName = [youarehere];
  540.             humanName = [document.getElementById("textBox").value];
  541.             lastResultNumber = [0];
  542.             lastResultURL = ["urldoesn'tgohere"];
  543.  
  544.             isANewArray = "true";
  545.  
  546.         }
  547.         else{
  548.  
  549.             //If this isn't the first time,
  550.             //Append the new elements after the old elements of the array
  551.             youarehere = youarehere.substring(20, youarehere.length-1);
  552.             tempsearchName.push(youarehere);
  553.  
  554.             humanName.push(document.getElementById("textBox").value);
  555.             lastResultNumber.push(0);
  556.             lastResultURL.push("urlgoeshere");
  557.         }
  558.  
  559.  
  560.         var searchSucessText = document.createElement("p");
  561.  
  562.         //If this isn't a new array, check if you already have this search
  563.         //If it's a duplicate, reject the request
  564.         if (searchName.indexOf(youarehere) > -1 && isANewArray == "false") {
  565.  
  566.             //Alert the user the search was not saved
  567.             document.getElementById("modalBodyText").innerText = "Save failed. You're already subscribed to this search.\nYou can remove it by clicking the \"Delete!\" button";
  568.  
  569.         } else {
  570.  
  571.             console.log("Saving your search...");
  572.  
  573.             //Delete the arrays already in localstorage...
  574.             window.localStorage.removeItem("searchName");
  575.             window.localStorage.removeItem("humanName");
  576.             window.localStorage.removeItem("lastResultNumber");
  577.             window.localStorage.removeItem("lastResultURL");
  578.  
  579.             //Then save the arrays with the new elements back to localstorage
  580.             window.localStorage.setItem("searchName", JSON.stringify(tempsearchName));
  581.             window.localStorage.setItem("humanName", JSON.stringify(humanName));
  582.             window.localStorage.setItem("lastResultNumber", JSON.stringify(lastResultNumber));
  583.             window.localStorage.setItem("lastResultURL", JSON.stringify(lastResultURL));
  584.  
  585.             //Alert the user that the search was saved
  586.             document.getElementById("modalBodyText").innerText = "You've successfully subscribed to the search: " + document.getElementById("textBox").value;
  587.  
  588.         }
  589.  
  590.     } //end subscribe to search
  591.  
  592. //=====--------------------------Function that deletes a search
  593.  
  594.     function deleteSearch(){
  595.  
  596.         //load in the arrays from localstorage...
  597.         var searchName = JSON.parse(window.localStorage.getItem("searchName"));
  598.         var humanName = JSON.parse(window.localStorage.getItem("humanName"));
  599.         var lastResultNumber = JSON.parse(window.localStorage.getItem("lastResultNumber"));
  600.         var lastResultURL = JSON.parse(window.localStorage.getItem("lastResultURL"));
  601.  
  602.         var youarehere = (window.location.href).substring(20, window.location.href.length - 1);
  603.  
  604.         //used to check for duplicate searches:
  605.         var isANewArray = "false";
  606.         var tempsearchName;
  607.         if(searchName!==null){
  608.             tempsearchName = searchName.slice();
  609.         }
  610.         else {
  611.  
  612.             //Prepare empty arrays
  613.             searchName=[];
  614.             tempsearchName = [];
  615.             humanName =[];
  616.             lastResultNumber = [];
  617.             lastResultURL = [];
  618.         }
  619.  
  620.         //Checks if these arrays are null
  621.         if (searchName == null) {
  622.  
  623.             console.log("You don't have any searches to delete");
  624.             isANewArray = "true";
  625.  
  626.         }
  627.         
  628.         var searchSucessText = document.createElement("p");
  629.  
  630.         //If this isn't a new array, check if you already have this search
  631.         //If it's a duplicate, reject the request
  632.         if (searchName.indexOf(youarehere) > -1 && isANewArray == "false") {
  633.             
  634.             //This search exists in the array.
  635.             //Delete it using the indexOf to find it
  636.             console.log("Deleting search...");
  637.             var deletdis = searchName.indexOf(youarehere);
  638.  
  639.             tempsearchName.splice(deletdis, 1);
  640.             humanName.splice(deletdis, 1);
  641.             lastResultNumber.splice(deletdis, 1);
  642.             lastResultURL.splice(deletdis, 1);
  643.  
  644.             //Delete the arrays already in localstorage...
  645.             window.localStorage.removeItem("searchName");
  646.             window.localStorage.removeItem("humanName");
  647.             window.localStorage.removeItem("lastResultNumber");
  648.             window.localStorage.removeItem("lastResultURL");
  649.  
  650.             //Then save the arrays with the new elements back to localstorage
  651.             window.localStorage.setItem("searchName", JSON.stringify(tempsearchName));
  652.             window.localStorage.setItem("humanName", JSON.stringify(humanName));
  653.             window.localStorage.setItem("lastResultNumber", JSON.stringify(lastResultNumber));
  654.             window.localStorage.setItem("lastResultURL", JSON.stringify(lastResultURL));
  655.  
  656.             document.getElementById("modalBodyText").innerText = "You've deleted this search.";
  657.  
  658.  
  659.         } else {
  660.  
  661.             //Alert the user the search wasn't deleted
  662.             document.getElementById("modalBodyText").innerText = "You need to be subscribed to a search in order to delete it.";
  663.  
  664.         }
  665.     
  666. }
  667.  
  668. //-------------------------misc functions
  669.     //shows a page informing you that you don't have any saved searches.
  670.     function firstRun(){
  671.         var infoElement = document.createElement("a");
  672.         infoElement.innerText = ("\n\n\n\nYou don't have any saved searches, so get out there and start searching.\nOnce you find a search you want to follow, hit the 'Show Subscribe dialog' link under the search bar\n\n");
  673.         infoElement.style.fontSize = "140%";
  674.         document.getElementById("myPage").getElementsByClassName("page-content")[0].append(infoElement);
  675.  
  676.         var returnElement = document.createElement("a");
  677.         returnElement.innerText = "(Click here to return to the front page)\n\n";
  678.         returnElement.style.fontSize = "130%";
  679.         returnElement.href = "";
  680.         document.getElementById("myPage").getElementsByClassName("page-content")[0].append(returnElement);
  681.     }
  682.  
  683. })();