Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
js
 
 
 
 

mt-popup-plugin

A jquery plugin to show responsive dialog

Insatllation


Include the jquery and the mt-popup-plugin js files as shown below:

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="mt-popup-plugin.js"></script>

Usage

Add the below a tag to the page and content to be shown in the popup in the data-title attribute.

<a href="javascript:void(0)" class="modal-popup" data-title="Lorem IpsumLorem IpsumLorem">123</a>

Then add the below script to the page.

<script type="text/javascript">
	$(function(){
		$( "a" ).showLinkLocation({
			color: "#556b2f", //initializes the anchor tag to this color.
      class: "white", // apply a class to the anchor element.
      header: 'Modal Header', // Header content to be shown, leave this as empty if you do not want an header.
		});
	})
</script>