How to show a URL in Bootstrap Modal dialog: On button click

Question

I have to load a page (internal URL) in a modal window. I had been using window.showModalDialog(url, null, features) but this does not work properly on Safari,Chrome. So w

Answer 1

If you're going to continue down the bootstrap path, you could take a look here: jsfiddle - remote URI in Bootstrap 2.3.2 modal

Note that the URL will need to be on the same domain (though you mentioned it is "internal") or your domain will need to be allowed by the remote site's Access-Control-Allow-Origin settings. So keep in mind that the fiddle demo can't actually load content from example.com.

Launch modal


    

         × 
        
Modal header
    
    

       
    
    

        Close
    

You don't need to write any custom JavaScript for this - Bootstrap will know what to do based on the data-attributes like data-remote="http://example.com/whatever" and data-target="#myModal" etc.

See the relevant section of the Bootstrap modal docs for more info...

Edit: It turns out that changing the remote URL dynamically isn't as easy as it could be. Hopefully this answer will help you further.