JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<img src="SampleStuff/Fnark.jpg" title="Click for FAIL" alt="Click for FAIL" onclick='PopMessage("Dennis", "It&#39;s a sad day when &quot;silly monsters&quot; spoil the fun, eh?", "SampleStuff/images/Fnark.jpg");' /> <br /> <img src="SampleStuff/Fnark.jpg" title="Click for More" alt="Click for More" onclick='PopMessage("Dennis", "It&#39;s a sad day when silly monsters spoil the fun, eh?", "SampleStuff/images/Fnark.jpg");' /> <div id="dialog-message"></div><script>function PopMessage(ttl, Message, Q) {

    $("#dialog-message").dialog({
        modal: false,
        title: ttl,
        resizable: false,
        position: [200, 200],
        buttons: {
            Ok: function() {
                $(this).dialog("close");
            }
        }
    });

    var x = "<img style='float:left; margin:0 7px 5px 0;' src='" + Q + "' />";

    $("#dialog-message")[0].innerHTML = "<p>" + x + Message + "</span></p>";
    $("#dialog-message").dialog('open');
}</script>

JavaScript

$("#dialog-message").dialog({
    autoOpen: false
});