Created
January 25, 2019 17:01
-
-
Save lyoshenka/163e069923ed4006262827ce77b72d7f to your computer and use it in GitHub Desktop.
Highlight the 45th through 75th character of a piece of text
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
javascript:!function(){var a=document.createElement("style");a.type="text/css";a.innerHTML="p:hover, li:hover, dt:hover, dd:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover { outline: 2px solid red; }";document.body.appendChild(a);var d=function(c){var b=c.target.innerText;c.target.innerHTML=b.substring(0,45)+"<span style='color: red;'>"+b.substring(45,75)+"</span>"+b.substring(75);document.removeEventListener("click",d);a.parentNode.removeChild(a)};document.addEventListener("click",d)}(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
!function() { | |
const css = document.createElement("style"); | |
css.type = "text/css"; | |
css.innerHTML = "p:hover, li:hover, dt:hover, dd:hover, h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover { outline: 2px solid red; }"; | |
document.body.appendChild(css); | |
const handler = (event) => { | |
//console.log(event.target.nodeName); | |
const txt = event.target.innerText; | |
event.target.innerHTML = txt.substring(0, 45) + "<span style='color: red;'>" + txt.substring(45, 75) + "</span>" + txt.substring(75) | |
document.removeEventListener("click", handler); | |
css.parentNode.removeChild(css); | |
}; | |
document.addEventListener("click", handler); | |
}(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment