modal-dialog

I would like to create the same effect as on Pinterest when you click on an image: a modal window opens up but the URL of the page also changes. This last part is crucial: the URL in the address bar of the browser has changed, but we still see the original page content in the background (that's why I call it a modal even though it may be much more complicated than that). I am ideally looking for a jQuery solution. [edit] I should add that of course the Pinterest behaviour does not break the Back button which is, again, crucial. arttronics This is my assessment of how Pinterest achieves it's

I've read the posts here, the Bootstrap site, and Googled like mad - but can't find what I'm sure is an easy answer... I have a Bootstrap modal that I open from a link_to helper like this: <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> In my ContactsController.create action, I have code that creates Contact then passes off to create.js.erb . In create.js.erb , I have some error handling code (a mix of ruby and javascript). If everything goes well, I want to close the modal. This is where I'm having

I'm trying to display a bootstrap modal when a person first visits a page (after logging into my app). I want to use the modal to offer a "Getting Started" video and also offer a "don't show this to me a again" checkbox so a visitor can bypass the "getting start modal" on future logins. I was able to get the modal to display on page load with the following tutorial: Launch Bootstrap Modal on page load But now I'm stuck on how to get it display only the first time a user visits the page after logging in. (it currently launches on page refreshes etc) I'm new to javascript and programming and

I have such problem - I need to autofocus some element inside twitter bootstrap modal (after it shows). The tricky part is here - content of this modal is loaded using 'data-remote' (jQuery.load method) from separate HTML file, so $(document).on('shown', ".modal", function() { $('[autofocus]', this).focus(); }); works only if modal was loaded before. The question is - how to make autofocus work at the first time modal loads? I'm using Bootstrap 3.0 (hopefully, this works with 3.1 as well). We had to use tabindex="-1" because that allows the ESC key to close the modal. So I was able to fix this