- This topic has 6 replies, 2 voices, and was last updated 3 years, 10 months ago by Yuri Kovelenov.
-
AuthorPosts
-
2021-02-18 at 10:20 am #38678ocularvrCustomer
I have an issue today with HTML Events in Puzzles. I have a system with 10 annotations – When I make the HTML event click for the element, all goes well up to 4 puzzles, its when I add a 4th that things go strange. Please look at the images.
NotOK = When I connect the puzzles I cant catch the 4th X in my annotations.
OK = When I disconnect the 4th one, the X is picked up and it closes as expected
My issue is that 5-10 do not work even with this trick. I looked closely at this and it seems that connecting and disconnecting the puzzle is behind what going on. I am completely blind on this one, please help!
Here is the annotation (5):
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"> <div style=" background-color: rgba(0, 0, 0, 0.6); width:100px; height:150px; border: 2px solid #a1c037; border-radius: 25px; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: thin; color: white; padding: 5px; text-align: center;"> <button id="xcloseybutton5"style="float:right; border-radius: 25px;"">×</button> <br><div style="border-radius: 25px; background-color: rgba(0, 0, 0, 1);"> <b> Step 5</b></div> Look at best practices in documentation</div>
Attachments:
You must be logged in to view attached files.2021-02-18 at 10:40 am #38681Yuri KovelenovStaff2021-02-18 at 11:04 am #38682ocularvrCustomerAll annotation ids are unique, they are:
id=”xcloseybutton1″
id=”xcloseybutton2″
id=”xcloseybutton3″
id=”xcloseybutton4″
id=”xcloseybutton5″
id=”xcloseybutton6″
id=”xcloseybutton7″
id=”xcloseybutton8″
id=”xcloseybutton9″
id=”xcloseybutton10″I triple checked :)
In the worst case scenarios I could just think of some other way of serving the annotations although I really like the close on X idea
2021-02-18 at 11:29 am #38684Yuri KovelenovStaffmay be you could try this puzzle instead https://www.soft8soft.com/docs/manual/en/puzzles/Objects.html#remove_annotation
2021-02-18 at 11:46 am #38685ocularvrCustomerThe execution of display=block or display=none is working, the problem is that the “X” inside the annotation does not work after you reach the 5th one. 1-4 are all good. I make another button and press it, the annotation X shows/hides ok. Its just getting the X to work thats driving me nuts. I really appreciate the help.
Attachments:
You must be logged in to view attached files.2021-02-18 at 11:58 am #38687ocularvrCustomerSolved!!!!
So I just made the div self close, good to go:
<button id="xcloseybutton5" onclick="document.getElementById('annotation5').style.display = 'none';" ">×</button>
And removed all of the unnecessary onclic puzzles.
Now I do this for the rest.
Thank you Yuri for the fast feedback.
Attachments:
You must be logged in to view attached files.2021-02-18 at 12:11 pm #38691Yuri KovelenovStaff -
AuthorPosts
- You must be logged in to reply to this topic.