Get onclick function working with pointer-events none - onclick

I need to get function onclick working with pointer-events:none. SO basically when my div is clicked I could get let's say alert, but it would be able to click through that div.
I can't find any solution for this. Maybe any of you know how to bypass it?
Thank you and happy holidays!

Related

What additional code can allow me to center YouTube subscription button on my webpage?

I have used the code from the Configure a Button and the button shows up on my webpage, but it is stuck all the way to the left. Nothing I try that normally works helps. It is stuck to the left.
What code can I add to the normal Configure a Button code to center the button on my webpage, and where exactly do I place this code?
I use Expression Web.
Thank you!

Have problem to get touch or mouseclick trigger the click event of aframe objects

I can't get my code to work to trigger a function upon a click event. Both on desktop or mobile chrome browser it doesn't work. If I enter to inspector mode I recognize that in a small area of the object I can click it and it will triggered, but if I leave the inspector (strg+alt+i) it doesn't work. it seems to me that something will not hit the right point to trigger the event. This makes me crazy.
I hope someone could give me a good hint to solve my problem. thanks in advance.
My code is online testable under https://glitch.com/~ede21-arjslocationtutorial
I did not try to edit the code but I think the problem comes from your cursor and raycaster properties. They should be on a camera entity, not on the a-scene entity. A-Frame creates a default one but you can create it yourself and set this properties. The cursor will change when you hover the entities, then it should work properly ;)

CheckBox: distinguish between box and label

I'm looking for a way to determine the exact source of a click on a CheckBox. I want to know if the click happened on the box itself or on the text.
event.getSource() doesn't help and I also tried some things on the CheckBoxSkin, but without success.
Is there a good way to do this?
event.getTarget() might help you.

Show Chrome dialogs without freezing page

I need to show a dialog box that's is like chrome's. But I want a modal alert, because js alert freeze the page.
I tried getting the css from it, but I think it's not possible.
Does anyone know how to do it? Or have the css for it?
Chrome JS Alert
You might want to check out this page. Sounds exactly like what you're trying to do. It uses the onload javascript attribute, which says "run when the document is finished loading".
http://www.htmlcodetutorial.com/linking/linking_famsupp_88.html

Garbled Text using FETStationPanels, But Only the First time It's Called

I'm using the FETStationPanels from FlashEff2 with Flex 3. Unfortunately, it is garbling some of the letters.
Below is a simplified version of what the problem is:
Imagine that I've got three buttons. If any of the buttons are selected a titleWindow opens. Inside the titleWindow is some text pulled from a database that has the FETStationPanels effect applied to it, and an image. The first button that is clicked (it doesn't matter which one) will have garbled text. If I select another button, then the effect is fine and everything displays okay.
The FlashEff2 effect is fired on the creationComplete event of the TitleWindow.
I had a resize effect on the TitleWindow. I removed it, because I thought that that might be the problem. I put in a static height for the TitleWindow, but that didn't work either.
I also tried using callLater and setting a timer to delay the appearance of the image until well after the effect had ended, but that didn't work, either.
It's weird that the problem occurs only on the first button selected. After that it works fine.
I've been struggling with this problem for 3 days. I would post code, but there is too much for it to be useful. Does anyone have any suggestions on how to solve this problem? Any general things that I can try or should check?
Thank you.
-Laxmidi
Okay, I figured it out. When I add the TitleWindow, I put some effects on it in the main app and I forgot about them:
popWindow.setStyle("addedEffect", fadeInZoomEffect);
popWindow.setStyle("removedEffect",zoomFadeEffect);
When I took these out, my problem was solved. Everything works. I wish I had noticed those lines a few days ago!
Thank you.
-Laxmidi

Resources