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>
