popModal jQuery Plugin Examples

default params


			$('#elem').popModal({
			html : $('#content').html(),
			placement : 'bottomLeft',
			showCloseBut : true,
			onDocumentClickClose : true,
			onOkBut : function(){ },
			onCancelBut : function(){ },
			onLoad : function(){ },
			onClose : function(){ }
			});

loading ajax


			$('#elem').popModal({
			html : function(callback){
			$.ajax({url : 'ajax.html'}).done(function(content){
			callback(content);
			});
			}
			});

inline bind


			<button id="elem" data-popModalBind="#content" data-placement="bottomLeft" data-showCloseBut="true" data-overflowContent="true" data-onDocumentClickClose="true">example</button>

notifyModal

default params


			$('#content').notifyModal({
			duration : 2500,
			placement : 'center',
			onTop : true,
			});

hintModal

default params


			<span class="hintModal">example
			<div class="hintModal_container">
			Lorem Ipsum is simply dummy text of the printing and typesetting industry...
			</div>
			</span>

dialogModal

default params


			$('#content').dialogModal({
			onOkBut : function(){ },
			onCancelBut : function(){ },
			onLoad : function(){ },
			onClose : function(){ },
			});

inline bind


			<button data-dialogModalBind="#content">example</button>

titleModal

default params


			<button title="Title" data-titleModal="init" data-placement="bottom">Example</button>

jQuery Multi-Purpose Popup Modal Plugin - popModal

Coding Preferences

HTML

CSS

Javascript

More

Your Default Settings - Preferences

Validations

jQuery Multi-Purpose Popup Modal Plugin - popModal