ThalesMiguel ThalesMiguel - 4 years ago 124
jQuery Question

Call Bootstrap Modal that loads another HTML via Javascript

I have this table where, When a user clicks on a row, should open a modal with some information regarding that row.
Since the content of this Modal is on another HTML file within my project, I don't know how to accomplish it.

So far, I can do this for each row:

<tr data-toggle="modal" href="../clients/edit.html" data-id="10238" data-target=".clientEditModal">

I'd like to do something like this via Javascript:


Is there a way to specify an HTML file to load as a model using Javascript

Answer Source

The ability to use remote urls has been deprecated in the most recent versions of bootstrap. Try something along the lines of

// Fill modal with content from link href
$("#myModal").on("", function(e) {
    var link = $(e.relatedTarget);

for full context please see marcovtwout's answer over at: Load content with ajax in bootstrap modal

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download