modal-dialog

I have a Vimeo iframe video in Bootstrap video. I need to have it start playing when I trigger modal and stop playing when a modal is closed. Currently I can have in start playing on modal open by having iframe with no src attribute and having it filled with jQuery on triggering modal. This is the code snippet; jQuery("#videogumb").click(function() { jQuery('#myModal .modal-body iframe').attr('src','the-source-code'); }); This works fine and I get it to start when modal opens but when I close modal the music keeps playing in the background. The other method works fine when but only for closing

So IntroJS works off of the data-intro and data-step attributes. So for instance my logo looks like this: <h1 id="logo" data-step="1" data-intro="Welcome to MyApp, where you can start creating an album for generations! Let us help you get started."> But for step 3 it is on an element that when pressed, the next step should be on the modal that would appear if the element in Step 3 was pressed. I have this as my Step 4 which doesn't work: <div class="popup" id="add-images-step-1" data-step="4" data-intro="GETS TO UPLOADING"> Right now, when you reach Step 3 and press next , it gives you an

I use a modal with bootstrap, so I have a modal with 3 tabs. In one of this tab I have a select like this : <div class="modal-body"> <ul class="nav nav-tabs" id="TabModal"> <li><a href="#onglet1" data-toggle="tab">Libre</a></li> <li><a href="#onglet2" data-toggle="tab">Complexe</a></li> <li><a href="#onglet3" data-toggle="tab">Questionnaire</a></li> </ul> <div class="tab-content"> <div class="tab-pane" id="onglet1"> <span class="label label-primary">Choose your collections :</span><br /><br /> {{>eachCollections}} {{#if collectionChoose 1}} <label style="float:left;">Par : </label> <select

I have the following modal working, http://jsfiddle.net/kumarmuthaliar/GG9Sa/1/ on my site. It's exactly what I want in terms of ease of use, and function. The only issue I have is how to make the modal close when the user either A) Clicks outside the modal window, or B) Hits the Escape key. Any suggestions? <a href="#openModal">Open Modal</a> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Close" class="close">X</a> <h2>Modal Box</h2> <p>This is a sample modal box that can be created using the powers of CSS3.</p> <p>You could do a lot of things here like have a pop-up

The following VBA code stops at Me.Show . From my tests, it seems that Me.Show stops all code execution, even if the code is inside the UserForm. This part is outside the UserForm : Public Sub TestProgress() Dim objProgress As New UserForm1 objProgress.ShowProgress Unload objProgress End Sub This part is inside the UserForm : Private Sub ShowProgress() Me.Show vbModal Dim intSecond As Integer For intSecond = 1 To 5 Application.Wait Now + TimeValue("0:00:01") Me.ProgressBar1.Value = intSecond / 5 * 100 Next intSecond Me.Hide End Sub The code stops at Me.Show , after the UserForm is displayed.

I have implemented my MVVM error message as a message dialog that subscribes to error messages via a mediator class, so that other viewmodels can notify it if any errors occur. When an error occurs, I set the visibility attribute in the viewmodel to Visible, to display the error window. This is all bound in the Error window from the viewmodel. However, this window is NOT modal! I need to show it as a dialog and not just set the visibility to true - is there any kind of binding I can do, even if I have to extend the functionality of the window? I'd rather not break MVVM if I can avoid it.

I'm trying to open a jquery modal dialog box when the user clicks on a link. I'd like to then load an external php file into the dialog box. I'm using this jquery: $(document).ready(function() { $('#register').dialog({ title: 'Register for LifeStor', resizable: true, autoOpen:false, modal: true, hide: 'fade', width:350, height:275, });//end dialog $('#reg_link').click (function() { open: (function(e) { $('#register').load ('register.php'); }); }); }); and this html: <div id="register"></div> which is set to display:none in the .css file. Further on, inside a form, the link is called: <td><font

I can't seem to blur the button after closing the modal. $('#exampleModal').on('hidden.bs.modal', function(e){ $('button').blur(); }); I've tried the above and it still doesn't seem to blur it. I've tried almost everything. The only solution is to set a timeout and blur it after the model finishes the hidden transition. Any better solution? The focus back to the trigger element is set within the modal plugin using a .one() binding, which unfortunately cannot be unbound. The good news is we can do this: $('#myModal').on('shown.bs.modal', function(e){ $('#myModaltrigger').one('focus', function(e