3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 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
  • 5 Years of Membership
  • Affiliate Level 5
  • Author Level 9
  • Bundle Boss
+8 more
duotive
says

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

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 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
  • 5 Years of Membership
  • Affiliate Level 5
  • Author Level 9
  • Bundle Boss
+8 more
duotive
says

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

447 posts Codestar
  • Elite Author
  • Author Level 9
  • Trendsetter
  • Top Monthly Author
+10 more
Codestar
says

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

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 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.

29 posts
  • Elite Author
  • Author Level 9
  • Weekly Top Seller
  • Trendsetter
+5 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.

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 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!

29 posts
  • Elite Author
  • Author Level 9
  • Weekly Top Seller
  • Trendsetter
+5 more
webcreations907
says

No prob.

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

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

5467 posts The Dude Abides
  • Top Monthly Author
  • Trendsetter
  • Weekly Top Seller
  • United States
+13 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.

by
by
by
by
by
by