• Home
• org.nasdanika.html
• bootstrap
• 2023.1.1
• source code
• StackedModal.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

org.nasdanika.html.bootstrap.impl.StackedModal.js Maven / Gradle / Ivy

// Code to stack bootstrap modals as demostrated at http://miles-by-motorcycle.com/static/bootstrap-modal/index.html
$(document).ready(function() {
					
	$('.modal').on(
			'hidden.bs.modal', 
			function(event) {
				$(this).removeClass('fv-modal-stack');
				$('body').data('fv_open_modals', $('body').data('fv_open_modals') - 1);
			});

	$('.modal').on(
			'shown.bs.modal',
			function(event) {

				// keep track of the number of open modals

				if (typeof ($('body').data('fv_open_modals')) == 'undefined') {
					$('body').data('fv_open_modals', 0);
				}

				// if the z-index of this modal has been set, ignore.

				if ($(this).hasClass('fv-modal-stack')) {
					return;
				}

				$(this).addClass('fv-modal-stack');
				$('body').data('fv_open_modals', $('body').data('fv_open_modals') + 1);
				$(this).css('z-index', 1040 + (10 * $('body').data('fv_open_modals')));
				$('.modal-backdrop').not('.fv-modal-stack').css('z-index', 1039 + (10 * $('body').data('fv_open_modals')));
				$('.modal-backdrop').not('fv-modal-stack').addClass('fv-modal-stack');
			});

        
});