JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<script type="text/javascript">
// Find Left Boundry of current Window
function FindLeftWindowBoundry()
{
// In Internet Explorer window.screenLeft is the window's left boundry
if (window.screenLeft)
{
return window.screenLeft;
}
// In Firefox window.screenX is the window's left boundry
if (window.screenX)
return window.screenX;
return 0;
}
// Find Left Boundry of current Window
function FindTopWindowBoundry()
{
// In Internet Explorer window.screenLeft is the window's left boundry
if (window.screenTop)
{
return window.screenTop;
}
// In Firefox window.screenY is the window's left boundry
if (window.screenY)
return window.screenY;
return 0;
}
function goclicky(meh)
{
console.log(FindLeftWindowBoundry(), FindTopWindowBoundry());
var x = screen.width/2 - 700/2 + FindLeftWindowBoundry();
var y = screen.height/2 - 450/2 + FindTopWindowBoundry();
window.open(meh.href, 'sharegplus','height=485,width=700,left='+x+',top='+y);
}
</script>
</head>
<body>
<a href="http://path/to/url" onclick="goclicky(this); return false;" target="_blank">blah</a>
</body>
</html>