Sha256: 6e5b1743630ce953453eeb645723306e7e6fbb92d7f179637f3298f9503f5bb6
Contents?: true
Size: 1.05 KB
Versions: 3
Compression:
Stored size: 1.05 KB
Contents
<html>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="../dist/notify.js"></script>
<style type="text/css">
.box {
display: inline-block;
border: thin solid blue;
padding: 10px;
margin: 50px;
width: 100px;
}
</style>
<div class="box 1">multi</div>
<div class="box 2">single</div>
<!-- run code -->
<script class="demo">
$.notify.defaults({ arrowShow: false, autoHide: false })
$.notify.addStyle('single-text', {
html: "<div data-notify-text></div>"
});
$.notify.addStyle('multi-text', {
html: "<div>\n"+
"<p data-notify-text=\"title\"></p>\n"+
"<p data-notify-text=\"p1\"></p>\n"+
"<p data-notify-text=\"p2\"></p>\n"+
"</div>"
});
$(function() {
$(".1").notify({
title: "HELLO!",
p1: "little",
p2: "world"
}, {
style: 'multi-text'
})
$(".2").notify("hello world", {
style: 'single-text'
})
});
</script>
</body>
</html>
Version data entries
3 entries across 3 versions & 1 rubygems