Question

Is is possible to separate the actual popup message from the page that it is called from? The examples I have found contain the call to the popup.js file and the div containing the message on the same page.

I’d like to be able to maintain a separate page for the message, but am having trouble implementing.

Thank you.

Answer 1

You can use ajax to load the content into the modal. Just use the callback to trigger the showing of the modal after the content is loaded.

$('#modal-content').load('path/to/content.html', function() {
    $('#modal').show();
}

Where modal-content is the div you wish to place the content in, and where modal is the modal wrap you wish to show.