Skip to content

Instantly share code, notes, and snippets.

/colorCodeTag

Created February 5, 2018 20:48
Show Gist options
  • Save anonymous/0ec40840616f9be4f18fc26ae8c57cb7 to your computer and use it in GitHub Desktop.
Save anonymous/0ec40840616f9be4f18fc26ae8c57cb7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @invalid-email-address Anonymous created this gist Feb 5, 2018.
    25 changes: 25 additions & 0 deletions colorCodeTag
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,25 @@
    <script>
    function colorCodeTags(){
    var classTitle = document.getElementsByClassName("ms-vb-title"); // find all tags in the title column
    var colorCode = document.getElementsByTagName("td");// finding all the TD tags
    var i = 0;
    var j = 0;

    for (i = 0; i < colorCode.length; i += 1) {
    for (j = 0; j < classTitle.length; j += 1) {
    if (colorCode[i] != classTitle[j]){
    if (colorCode[i].innerText === "Blue"){
    colorCode[i].innerHTML = "<style>img {height: 20px; width: 20px; display: block; margin-left: auto; margin-right: auto; }</style><img src = 'https://collaboration.merck.com/sites/ngppm-uat/Style%20Library/Images/blue.png'/>";
    } else if (colorCode[i].innerText === "Green"){
    colorCode[i].innerHTML = "<style>img {height: 20px; width: 20px; display: block; margin-left: auto; margin-right: auto; }</style><img src = 'https://collaboration.merck.com/sites/ngppm-uat/Style%20Library/Images/Green.png'/>";
    } else if (colorCode[i].innerText === "Yellow"){
    colorCode[i].innerHTML = "<style>img {height: 20px; width: 20px; display: block; margin-left: auto; margin-right: auto; }</style><img src = 'https://collaboration.merck.com/sites/ngppm-uat/Style%20Library/Images/Yellow.png'/>";
    } else if (colorCode[i].innerText === "Red"){
    colorCode[i].innerHTML = "<style>img {height: 20px; width: 20px; display: block; margin-left: auto; margin-right: auto; }</style><img src = 'https://collaboration.merck.com/sites/ngppm-uat/Style%20Library/Images/Red.png'/>";
    }
    }
    }
    }
    }
    setInterval(colorCodeTags, 100);
    </script>