DefinitelyTyped/types/jquery.simplemodal/jquery.simplemodal-tests.ts

// Tests taken from documentation: http://www.ericmmartin.com/projects/simplemodal/

// Chained call with no options
$("#sample").modal();

// Stand-alone call with no options
$.modal($("#sample"));

// Enable overlay click-to-close
$("#sample").modal({overlayClose:true});

// Change overlay color and opacity
$("#sample").modal({
	opacity:80,
	overlayCss: {backgroundColor:"#fff"}
});

// Disable focus (allows tabbing away from dialog)
$("#sample").modal({focus:false});

// Change min height and width
$("#sample").modal({
	minHeight:400,
	minWidth: 600
});

// Manually set position
$("#sample").modal({position: [10,10]});

// Manually set position using percentages
$("#sample").modal({position: ["50%","50%"]});

// Display an external page using an iframe
var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
	closeHTML:"",
	containerCss:{
		backgroundColor:"#fff",
		borderColor:"#fff",
		height:450,
		padding:0,
		width:830
	},
	overlayClose:true
});

// Opening animations
$("#sample").modal({onOpen: function (dialog) {
	dialog.overlay.fadeIn('slow', function () {
		dialog.data.hide();
		dialog.container.fadeIn('slow', function () {
			dialog.data.slideDown('slow');
		});
	});
}});

// Closing animations
$("#sample").modal({onClose: function (dialog) {
	dialog.data.fadeOut('slow', function () {
		dialog.container.hide('slow', function () {
			dialog.overlay.slideUp('slow', function () {
				$.modal.close();
			});
		});
	});
}});

// Default Values

// Example – Single Property:
$.modal.defaults.closeClass = "modalClose";

// Example – Multiple Properties:
$.extend($.modal.defaults, {
	closeClass: "modalClose",
	closeHTML: "<a href='#'>Close</a>"
});