Create a file called
Slashdot-VideoBytes.user.js and copy the code from the post above into it, then save it.
Drag'n'Drop it onto Pale Moon/Firefox, if GreaseMonkey is installed it will see it as a valid Userscript and ask if you want to install it.
What it does:
</article><article id="firehose-000" class="fhitem fhitem-poll article usermode thumbs grid_24">
<header>
<div class="vid-river-header"> <a href="/videos">Video Bytes
</a> <span class="sub-link pull-right"> <a href="/videos">view more
</a> </header>
<div class="units-12 river-group"> <div id="slideshow-wrap"> <input type="radio" id="button-6" name="controls" checked="checked"/>
The above is the section of the page source that deals with the VideoBytes display.
document.getElementsByClassName('vid-river-header')[0].outerHTML = '';
To break this statement down simply, (I'm nothing if not simple):
document.getElementsByClassName('vid-river-header')
Retrieves an array (it's not really an array but for this explanation it'll do) of DOM elements that have the class
vid-river-header which you can see in line 3 of the page source above.
There's only one instance of this class in the whole page, it's the first in our array so we reference it as 0 (zero numbered):
We reference the HTML that contains this class using
.outerHTML, this will also include all its descendents, (the following <span> tags, etc), until the end of the tag.
document.getElementsByClassName('vid-river-header')[0].outerHTML
references all of this:
<div class="vid-river-header">
<span>
<a href="/videos">Video Bytes</a>
</span>
<span class="sub-link pull-right">
<a href="/videos">view more</a>
</span>
</div>
Finally, we replace it with '' (a pair of apostrophes, ie. nothing). So the page source for that class effectively becomes:
The same thing happens with the next line except we're now looking for a class of
units-12 river-group.
The first line takes care of the blue VideoBytes header, the second takes care of everything in the box below it.
As I said, it's a rather simplistic solution and a simple change of the class name will break it but it works with the source I can currently see.
Recent Posts
I was so hopeful ... And it is probably something i did wrong.