Other plugins

  • jExcel CE
    The javascript spreadsheet

Modal plugin

Integrate a simple contextmenu in your software and give your user a great experience

Examples



Source code
<html>
<script src="https://bossanova.uk/jsuites/v2/jsuites.js"></script>
<link rel="stylesheet" href="https://bossanova.uk/jsuites/v2/jsuites.css" type="text/css" />

<div id='modal' title='Modal Example'></div>

<input type='button' value='Click here to open the modal' onclick='modal.open()' class='plain'>

<script>
modal = jSuites.modal(document.getElementById('modal'), {
    width:'600px',
    height:'480px',
    closed:true,
    onclose:function() {
        console.log('Modal is closed');
    },
    onopen:function() {
        console.log('Modal is opened');
    },
});
</script>

</script>
</html>

Methods

open();Open the modal
close();Close the modal

Events

onopenTrigger a method on the modal is opened.
oncloseTrigger a method on the modal is closed.

Initialization options

var defaults = {
    // Events
    onopen:null,
    onclose:null,
    closed:false,
    width:null,
    height:null,
    title:null,
};