JSFiddle - React, Tailwind, and code Playground

by kborchers

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>

JavaScript

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

$( "img" ).click( function( event ) {
    $( "#dialog-message" ).html( "<p><img style='float:left; margin:0 7px 5px 0;' src='SampleStuff/images/Fnark.jpg' />It&#39;s a sad day when &quot;silly monsters&quot; spoil the fun, eh?</p>" ).dialog( "open" );
});