3752 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says

Hi.
I’m using this wonderful (and straight forward!) css to manage some user interaction in my next template.
The problem is that is not supported on IE nor Opera. http://caniuse.com/pointer-events

Anyone has reached an elegant solution for this?

Thanks in advance!
<”}}><

3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says

Hi. What are you trying to do with it? Disable the click function on an anchor?

3752 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says

Is not an anchor but an image. But yeah, that’s what i have.
The code is bit complex to post it here, but let’s resume: there is an image inside a div that opens some content on click function. That content has a close button. Right now i’m using pointer-events “none” applied to the image once clicked, and reseted to “auto” when close button is triggered. It works perfectly on FF and Chrome.

3007 posts
  • Has been part of the Envato Community for over 4 years
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+7 more
duotive says

Why not toggle state with jquery? Other than that you cannot do anything.

336 posts Codestar
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $250,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
+7 more
Codestar says

IE10 still do not support, damn it… i do not know what i can say for IE.

3752 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says

@duotive – Toggle doesn’t work for me in this case, is not a button that itself open&close. Is an image that displays besides the opened content, and it does some other things apart from opening that content. That’s why i want to disable the possible user click on it again once opened. Uhmmm. i’m afraid i’ll need to write a huge function for the f* ie. :(

@codestar – yeah, i saw it. Can’t understand why they don’t support it, not even on their latest releases, pretty useful, btw.

22 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $250,000+ on Envato Market
  • Has referred 100+ members
  • Made it to the Authors' Hall of Fame
+3 more
webcreations907 says

How about using a wrap around the image with z-index/transparent png/gif if IE.

Not sure if that is along the lines of what your trying to do, but I had wrong z-index’s on something I’m working on which made the below content not clickable.

3752 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in Spain
  • Has sold $125,000+ on Envato Market
  • Helped several times protecting Envato Market against copyright violations
+9 more
pezflash says

How about using a wrap around the image with z-index/transparent png/gif if IE. Not sure if that is along the lines of what your trying to do, but I had wrong z-index’s on something I’m working on which made the below content not clickable.

Nice trick! Will try it out later and see if i can get that working. Thanks a bunch!

22 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $250,000+ on Envato Market
  • Has referred 100+ members
  • Made it to the Authors' Hall of Fame
+3 more
webcreations907 says

No prob.

Another way maybe http://jsfiddle.net/y9a7w/8/?

Think that’s how to fiddle, never used it before.

5400 posts The Dude Abides
  • Located in United States
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Has been part of the Envato Community for over 5 years
+9 more
CodingJack says

Earlier this year I had this same problem and discovered that when testing for the pointer-event feature, Opera was reporting that it supported it even though it did not. Not sure if this is still true, just thought I’d mention it in case it helps.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by