modal-dialog

I have many hidden <div> tags, with (display: none) , that I call upon when I want to load a jQuery modal. Each of these <div> tags contain an <iframe> which calls a different page. In order to not make my page load painfully slowly, I am wondering if there is a way to prevent the <iframe> from loading the page, until I call the <div> in the modal? Adil You can load the iframes after html being rendered by giving empty src in html of iframe and later assigning src by jquery / javascript. Html <iframe id="iframe1" ></iframe> Javascript, iframe could be loaded on some action like button click

I've got an angular 4 page including a ng-bootstrap modal. My code looks like this. foo.html [...] <button class="btn btn-sm btn-secondary material-icons" (click)="open(content)">search</button> <ng-template #content let-c="close" let-d="dismiss"> content in here </ng-template> [...] foo.ts [...] constructor(private modalService: NgbModal) { } [...] open(content) { let options: NgbModalOptions = { size: 'lg' }; this.modalService.open(content, options); } [...] Now when I click the button the modal opens. What I want to do now is open the model on ngChanges. ngOnChanges(changes: any) { open

plunk: http://plnkr.co/edit/85Wl5W If I use the $modalInstance on the same controller(modalController.js), without being in a modal, angular gets frozen. I just want to simplify my life using angularjs with the angular-ui bootstrap modal service. I want to use the same controller on a separate file, but on a modal as well. That is, I want them to do the same task. Is there any proper way to do it? E.g. modal.html, modalController.js. I want to show these on a modal window, but on my application as well without a modal. The issue is that if I use the same controller I can't inject the

I am having problems positioning the modal window in the center of the window. It is showing the position in the right side.What am I missing, this appears to be a CSS problem that I am unable to solve? Thanks for your suggestions! <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> <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">I am a modal window, and no one can beat me!</h4> </div> <div class="modal-body"> <!--

i'm looking for a jquery-based popup dialog box that we will use for : displaying static content pages (terms of use, etc) the contact us page (already uses the jquery form plugin for ajax submit) displaying full-size for photo thumbnails. can anybody recommend one that can fulfills all the above and that is rather lightweight and easy to use ? thanks in advance. I use Fancybox - http://fancybox.net/ Handles pretty much any kind of content, rather easy to use and configure, and should work in most browsers. Needs a little fix for IE8 though I think, but you can find that on the site or google

I have such trouble: I have authentification which is made using Bootstrap modals. When user opens sign in modal he can go to sign up modal ( or other ) . So, I need to close previous one. Now I'm closing them like this: $(document).ready(function(){ $("a").click(function() { $("#login").hide(); $("#sign_up").hide(); }) }); but when I'm doing this - I can't reopen sign in modal( after click on sign up from sign in) until I refresh the page. Can someone suggest how to check on what modal I'm clicking on the link and close it, when call another one ? Is there any universal way to close previous