JSFiddle - React, Tailwind, and code Playground

by Aldi Unanto

HTML

<div id="popup"></div>
<img src="http://lorempixel.com/120/40/" onclick="show_popup(1)" alt="img1" title="Click to Show code" />
<img src="http://lorempixel.com/120/40/" onclick="show_popup(2)" alt="img1" title="Click to Show code" />

CSS

img{ display: inline-bock; float: left; margin-right: 10px; cursor: pointer; }

JavaScript

function show_popup(particular_id){
    //this is just a sample. For complete, you can use AJAX.
    var code = '';
    switch(particular_id){
        case 1 :
            code = '(a + 1) - b = 2';
        break;
        case 2 :
            code = '(abs + 32) - b = 41';
        break;
    }
    
    $('#popup').html(code).dialog('open');
}
$(function(){
    $('#popup').dialog({
			autoOpen: false,
			width: 400,
			show: {
				effect: 'fade',
				duration: 500
			},
			hide: {
				effect: 'slide',
				duration: 500
			}
		});
});