JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<a href="http://jquerybyexample.blogspot.com/" id="Popup">
    Open in Popup window </a>
<br/><br/>
<a href="http://jquerybyexample.blogspot.com/" id="NewTab" >
    Open in New Tab</a>

CSS

body
{
    font-family:Arial;
    font-size : 12pt;
    font-weight: bold;
    padding : 10px;
}

JavaScript

$(document).ready(function() {
    $('#Popup').click(function() {
        var newwindow = window.open($(this).prop('href'), '', 'height=800,width=800');
        if (window.focus) {
            newwindow.focus();
        }
        return false;
    });

    $('#NewTab').click(function() {
        $(this).target = "_blank";
        window.open($(this).prop('href'));
        return false;
    });
});