[Doctor Who]

Originally Posted by thisgeek

Just adding a "Color" statement to the bottom span tag should do it, as demonstrated below:

<span>
    <span style="margin-bottom: 5px;">
       <input type="button" value="Show Spoiler" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.value=='Show Spoiler') { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = '';this.innerText = ''; this.value = 'Hide Spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('span')[1].getElementsByTagName('span')[0].style.display = 'none'; this.value = 'Show Spoiler';}">
    </span>
    <span>
        <span style="color: Blue; border: 1px dashed #0B198C; padding: 0 3px 0 3px; display: none;">{param}</span>
    </span>
</span>

Is there any way to modify this so that the "Show/Hide" button appears in the top or bottom right hand corner of the post and highlights any instances of spoilers in that post? So:


The next thing I am going to say is a spoiler . . . . . . . blank space . . . . . . and so you know that . . . . . . . blank space . . . . . . is the one that is going to . . . . . . . blank space . . . . . . .

Instead of a button for each of those, can there be one to highlight them all at the same time?