Hide Whispers on SAVED Chat Log (as Web Page, Complete) to Windows Computer.

So I have an old saved chatlog that I made because it was eventually just taking forever to load the chatlog any time we needed to refer to it. However, I only saved the version that showed whispers and not a secondary one which hides the whispers. If I load the saved version into Google Chrome and hit the hide whispers button, it reloads to the CURRENT chatlog available on Roll20.net. I know a bit of web programming, and see that the button points to an HTML link which therefore causes the behavior I'm describing.  However, I'm clueless as to know if there's a way to make it hide the appropriate sections within the HTML document with a bit of coding magic. I'm hoping someone has a clue, my Google searches have yielded no luck nor have my searches of the forum here. Maybe I missed something? Anyway, any help would be appreciated.  On another note, due to the described behavior mentioned before, it'd be nice if a saved web page included the necessary scripting/programming code to hide whispers independent of Roll20 rather than requiring modification. Or provide an option to download the chatlogs as a PDF (with or without whispers), since this can be quite intensive for the end user to produce or not function at all (can't print to the Adobe PDF printer, can't print to CutePDF, can print to "Microsoft Print to PDF" but no backgrounds, can print in Google Chrome "Save to PDF" but takes a very long time for chat logs with 100s of pages).

If you want to have the option of a save log with and without the hidden whispers you'll definitely want to just save one of each version. When you save a web page it does not bring the javascript with it, so it would be impossible for us to embed that logic. To modify the current page you have would require some javascript coding to parse the chat and filter out the ones that are whispers. 

Phil B. said: If you want to have the option of a save log with and without the hidden whispers you'll definitely want to just save one of each version. When you save a web page it does not bring the javascript with it, so it would be impossible for us to embed that logic. To modify the current page you have would require some javascript coding to parse the chat and filter out the ones that are whispers.  I'm sorry, but I have my doubts this is a completely true statement. Just downloading the web page and opening the folder that is paired along with it showed several javascript files within. "Can't" and "Don't want to" are very separate things, and I'll understand if there are reasons for not wanting to share that code. However, if it's not going to be placed into the code at any point, it'd be nice if there was a warning included when the user attempts to clear the chatlog that saved chatlogs cannot show or hide whispers after the chatlogs have been downloaded. Just some kind of indication of "the problems to come" if it is not done properly in the first place. 

As a workaround, you can use this bookmarklet: javascript:$('.whisper').remove(); Just add a bookmark in chrome with the above as the URL, load up the saved page and then choose the bookmark to strip out the whispers.   Happy Rolling!

The Aaron said: As a workaround, you can use this bookmarklet: javascript:$('.whisper').remove(); Just add a bookmark in chrome with the above as the URL, load up the saved page and then choose the bookmark to strip out the whispers.   Happy Rolling! Oooh, thanks, that's really nice and easy to use. I had asked a friend about the same time I posted this and he thought this solution was interesting as he hadn't thought of using a bookmark before. He expanded on your idea by making it usable as a toggle, rather than only hide the text with the following code: javascript:$('.whisper').toggleClass('hide') Additionally, for anyone else out there, I was given a few other examples of code that would work for Google Chrome (due to the way the methodology works). Methods Google Chrome: Right click a whisper, inspect. Use the Styles tab on the right, look for the section starting with ".textchatcontainer .message.private {". Click on the section listed "#F2F5D3;" and hit tab. Type the word Display, then hit tab, and type none. Google Chrome: Right click on saved page in Google Chrome, Go to Inspect, and then Console to use the developer console. Copy and paste the following in order to run the command: document.querySelectorAll('.whisper').forEach(function (element) { element.classList.toggle('hide') }); The above command will just hide the whispers, you can obviously remove the elements entirely by altering the script in the above method to the following: document.querySelectorAll('.whisper').forEach(function (element) { element.parentElement.removeChild(element) }); And that's all the information I've got on this for now. :)