modal-dialog

As you can see here , I have a button that launches a modal. Setting an href url for the button this url is automatically loaded into modal by Bootstrap 3. The fact is this page is loaded into modal root (as said in the bootstrap 3 documentation for modals usage ). I want to load it into the modal-body instead. Is there a way to do it via attributes (not javascript)? Or what is the most automatic way to do it? P.S. I remember in Bootstrap 2 the content was loaded in the body, not the root. alexcasalboni Check this SO answer out. It looks like the only way is to provide the whole modal

I am using the jquery-ui-dialog plugin I am looking for way to refresh the page when in some circumstances when the dialog is closed. Is there a way to capture a close event from the dialog? I know I can run code when the close button is clicked but that doesn't cover the user closing with escape or the x in the top right corner. Brownie I have found it! You can catch the close event using the following code: $('div#popup_content').on('dialogclose', function(event) { alert('closed'); }); Obviously I can replace the alert with whatever I need to do. Edit: As of Jquery 1.7, the bind() has become

I've seen a couple of questions in regards to bootstrap modals, but none exactly like this, so I'll go ahead. I have a modal that I call onclick like so... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); This works fine, but when I show the modal I want to focus on the first input element... In may case the first input element has an id of #photo_name. So I tried $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); }); But this was to no avail. Lastly, I tried binding to the 'show' event but even so, the input

I am creating a modal window using Twitter Bootstrap. The default behavior is if you click outside the modal area, the modal will automatically close. I would like to disable that -- i.e. not close the modal window when clicking outside the modal. Can someone share jQuery code to do this? Nobita I believe you want to set the backdrop value to static . If you want to avoid the window to close when using the Esc key, you have to set another value. Example: <a data-controls-modal="your_div_id" data-backdrop="static" data-keyboard="false" href="#"> OR if you are using JavaScript: $('#myModal')