5 ms·
Spoiler Alert – JQuery plugin for sensitive content
- awad 14y agoDoesn't seem to work on Safari for me, is fine in Chrome though.
- joshbuddy 14y agoOh :( It works for me. I'm using Version 6.0.2 (8536.26.17). What about you?
- dangrossman 14y agoDoesn't work in Safari 5.1 for Windows (the last version available for Windows). That said, Safari for Windows might not be worth supporting.
- nopassrecover 14y agoDoesn'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.
- ahsteele 14y agoIt unblurs a little and then you click to make it unblur all the way. I was confused at first too. :)
- plainspace 14y agoMaybe we should use a tooltip on the blur to explain things.
- ahsteele 14y agoYeah I think the partial unblur affect is cool, but after a period w/o someone clicking a tooltip would be useful.
- awad 14y agoSafari 5.1.7 (7534.57.7). Admittedly, I should update it, but the inspector on Safari 6 does not agree with me.
- thesis 14y agoWorks for me in Chrome. Really cool.
- thegrimmest 14y agoDoes not seem to be working in Chrome for Android, version 18.0.1025469. Spoilers do not appear blurred.
- hayksaakian 14y agoFixed in chrome beta, but yeah you're right; many android users won't be able to use this.
- pizza 14y agoWouldn'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.
- beefsack 14y agoFantastic work, looks really sweet too. Would be great to see without the jQuery dependency if possible.
- joshbuddy 14y agoShould be easy enough to remove ... happy to take a pull request to fix it!
- dmak 14y agoSweet! I initially thought it was a security thing after reading the title.
- callmecosmas 14y agoCool 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.
- underwater 14y agoYou 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.
- Kerrick 14y agoSpecifically, these lines: http://jsfiddle.net/Kerrick/ZLGtn/ http://jsfiddle.net/Kerrick/ZLGtn/ Works in browsers that support CSS Filters.
- DigitalSea 14y agoNot 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.
- nemesisj 14y agoSpoiler alert: doesn't work on iOS. Tapping just reveals it.
- dylangs1030 14y agoAre you using mobile safari or a third party browser?
- nemesisj 14y agoI'm using Chrome.
- javajosh 14y agoLess 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.
- joshbuddy 14y agoHopefully, this is all fixed up now. What do you think? (Take a look at the demo again, should have all the latest changes)
- javajosh 14y agoThe 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.
- anonymouz 14y agoIf JavaScript is disabled it falls back to simply displaying the spoiler. That's a really bad default.
- namuol 14y agoSeriously agreed; I would think it at least has CSS fallbacks that black things out.
- DigitalSea 14y agoI 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.
- anonymouz 14y agoI 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.
- DigitalSea 14y agoAh, 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> .teasertext { background: #000; color: #000; } .teasertext:focus { background: inherit; color: inherit; outline: none; }
- ProNihilist 14y agoDoes not work on Opera 12.14 (thank you for trying to be accommodating though <3)
- rartichoke 14y agoYep, confirming it doesn't work for me either with Opera using the same version in Windows 7.
- ankit84 14y agoWhy they did not test for IE 10?
- Mahn 14y agoInitial thoughts before clicking: "Oh, I bet it's an effect inspired on Quora". Bingo.