Dihellog - Dialog window
Back to Dihellog
You can see an ordinary list. Click on the image to turn it into carousel. See the onclick in code below.
<![CDATA[
<link rel="stylesheet" href="src/dihellog.css">
<script src="src/dihellog.js"></script>
<div class="dialog" style="width: 300px">
<div class="title">Basic dialog</div>
<div class="close"></div>
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<script>
addEventListener("load", function() {
var elems = document.querySelectorAll(".dialog");
elems.forEach(draggable);
elems.forEach(closeable);
});
</script>
]]>