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>