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.

<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 &apos;x&apos; icon.</p> </div> <script> addEventListener("load", function() { var elems = document.querySelectorAll(".dialog"); elems.forEach(draggable); elems.forEach(closeable); }); </script>