msg model window and poup message

by Berat Emre NebioÄźlu

HTML

<script src="https://madprops.github.io/Msg/msg.js"></script>
<button class="msg"> Msg Button </button>

CSS

.msg{
  width: 50px;
  height:50px;
  border:1px solid black;
}
black{
  background:black;

}

JavaScript

var msg = Msg(
{
		//class: "green",
    class: "black",
    window_width: "460px",
    enable_overlay: false,
    position: "bottomright",
    autoclose: true,
    enable_progressbar: true,
    persistent: false,
    zStack_level: 1,
    lock: false,
    show_effect: "fade",                
    show_effect_duration: 350,
    close_effect: "fade",
    close_effect_duration: 350     
});
var msgButton = document.querySelector('.msg');
var something;

function create_something()
{
	var s = "";

	s += "something<br>";
	s += "other thing<br>";
	s += "another thing";

	something = s;
}

function show_something()
{
	if(something === undefined)
	{
		create_something();
	}

	msg.show(something);
}
msgButton.addEventListener('click',function(){
	show_something();
})