You could achieve the same effect with a couple of lines of CSS. As a bonus you wouldn't pop up the same alert box six times during page load for Internet Explorer users.
I submitted a pull request that implements support for blurring in IE versions 4 to 9 with 10 obviously supporting blurring via SVG filter effects which was already implemented. Unless I'm missing a browser here, there should now be no browser that isn't supported.
I suppose I am not the only one that browses unknown sites with JavaScript disabled (NoScript). That's what I was thinking about, more so than old browsers.
Ah, got you. What would be a suitable fix for this? wrapping the text in an element styled with black text and background then perhaps when you focus on the blacked out text it shows it and when you blur it hides it again?
Proof of concept:
<span class="teasertext" tabindex="0">this is teaser text</span>
Not bad, but pretty buggy even in Chrome on Windows. Selecting the text sometimes doesn't de-blur it, hovering images only results in partial blur (I later realised you click to get it to work). Great idea, but definitely needs some more work before it can be considered a definitive solution for blurring out text and imagery. I forked the project and made some adjustments that were annoying me and submitted a pull request. The lack of semicolons and shorthand if statements bothered me, as did the lack of support for chainability as well. I might contribute a little more to it later on with some newer ideas and support for older browsers.
Wouldn't the spoiler still show up in Google searches? An alternative would be to obfuscate (i.e. randomly arrange the letters) the spoiler text and then make the script de-obfuscate it on-hover. Just a thought.
Less blurry is a hint? Legibility is a binary value, and beyond a certain threshold of blur, the value is false. Period. Plus, that behavior is confusing - you should have a tool tip on hover, explaining that you need to click to reveal. You should also explain any cross-browser tricks you needed to do to get it to work, otherwise people will think this is trivial and pointless.
The title attr is a good start, but I think you might want a real tooltip library because it takes too long for the 'native' tooltip to show. Top-notch usability is the key to a library like this getting adopted.
Cool work but doesn't mix well with text selection. I'm not into js but I wonder if it would be easy to distinguish between clicking on one spot and clicking and dragging for say copy-pasting.
Doesn't work for me in Chrome (it unblurs a little, but not completely). Version 24.0.1312.57 on Win7. I think there's an update so I'll try that later.
