JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<a href="http://heera.it/">Heera IT</a>
<a href="http://halalit.net">Halal IT</a>

JavaScript

$(function(){
    $('a').on('click', function(e){
        e.preventDefault();
        $('<div/>', {'class':'myDlgClass', 'id':'link-'+($(this).index()+1)})
        .html($('<iframe/>', {
            'src' : $(this).attr('href'),
            'style' :'width:100%; height:100%;border:none;'
        })).appendTo('body')
        .dialog({
            'title' : $(this).text(),
            'width' : 400,
            'height' :250,
            buttons: [ { 
                    text: "Close",
                    click: function() { $( this ).dialog( "close" ); } 
                } ]
        });
    });
});