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 … Read more
I’m developing an OAuth authentication flow purely in JavaScript and I want to show the user the “grant access” window in a popup, but it gets blocked. How can I prevent pop up windows created by either window.open or window.showModalDialog from being blocked by the different browsers’ pop-up blockers? 11 Answers 11
I’m writing a modal popup and I need the browser to jump to the top of the screen when the open modal button is pressed. Is there a way to scroll the browser to the top using jQuery? 9 Answers 9
I used to use jQuery UI’s dialog, and it had the open option, where you can specify some Javascript code to execute once the dialog is opened. I would have used that option to select the text within the dialog using a function I have. Now I want to do that using bootstrap’s modal. Below … Read more
In Twitter bootstrap, looking at the modals documentation. I wasn’t able to figure out if there is a way to listen to the close event of the modal and execute a function. e.g. lets take this modal as an example: <div class=”modal-header”> <button type=”button” class=”close close_link” data-dismiss=”modal” aria-hidden=”true”>×</button> <h3>Modal header</h3> </div> <div class=”modal-body”> … </div> … Read more
I’m working on a website using bootstrap. Basically, I wanted to use a modal in the home page, summoned by the button in the Hero Unit. Button code: <button type=”button” class=”btn btn-warning btn-large” data-toggle=”modal” data-target=”#myModal”>Open Modal</button> Modal code: <div class=”modal hide fade” id=”myModal” tabindex=”-1″ role=”dialog” aria-labelledby=”myModalLabel” aria-hidden=”true”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button> <h3 … Read more
I need that the overlay shows above the first modal, not in the back. $(‘#openBtn’).click(function(){ $(‘#myModal’).modal({show:true}) }); <a data-toggle=”modal” href=”#myModal” class=”btn btn-primary”>Launch modal</a> <div class=”modal” id=”myModal”> <div class=”modal-dialog”> <div class=”modal-content”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal” aria-hidden=”true”>×</button> <h4 class=”modal-title”>Modal title</h4> </div><div class=”container”></div> <div class=”modal-body”> Content for the dialog / modal goes here. <br> <br> <br> … Read more
I am using Twitter bootstrap, I have specified a modal <div class=”modal hide” id=”modal-item”> <div class=”modal-header”> <button type=”button” class=”close” data-dismiss=”modal”>x</button> <h3>Update Item</h3> </div> <form action=”http://www.website.com/update” method=”POST” class=”form-horizontal”> <div class=”modal-body”> Loading content… </div> <div class=”modal-footer”> <a href=”#” class=”btn” data-dismiss=”modal”>Close</a> <button class=”btn btn-primary” type=”submit”>Update Item</button> </div> </form> </div> And the links <a href=”http://www.website.com/item/1″ data-target=”#modal-item” data-toggle=”modal”>Edit 1</a> <a … Read more
I’m building an app that needs to show a confirm dialog in some situations. Let’s say I want to remove something, then I’ll dispatch an action like deleteSomething(id) so some reducer will catch that event and will fill the dialog reducer in order to show it. My doubt comes when this dialog submits. How can … Read more
I am using the Twitter bootstrap Modal dialog. When I click on the submit button of the bootstrap modal dialog, it sends an AJAX request. My problem is that the modal-backdrop doesn’t disappear. The Modal dialog does disappear correctly, but instead “modal-backdrop in” that creates the opacity on the screen remain What can I do? … Read more
