how to load div content from external html file into an annotation popup

Hi,

My brain is a little scrambled trying to figure the best and simplest way to do this please.

My goal is to have ten annotations, each containing text and a modal popup button that creates an additional modal popup on top of the scene when clicked.

I am trying to do this by making a div section of a separate html page load into the annotation/popup window. This div section I wish to load, I have also included a bootstrap modal popup button that requires css and java, which is also in the header section of the same separate html page.

Now, I cannot figure which are the best puzzle elements to combine to make this work properly.

Do I also have to load the java and css information stored in the separate html file in the puzzles as well?

I want to have say ten different div’s with own id’s, each with different information in one separate html file. Each div will also contain a bootstrap modal popup button that links to an additional external html link/source.

My thinking is this will also make it easier to edit and style all the annotations in one place as I go forward, instead of having to edit each puzzle element for each of the ten different annotations.

Any tips greatly received for a puzzle guide please.

Many thanks,

Jas