Untitled

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />

<script src="jquery-1.9.1.js"></script>
</head>
<body>
<a id='arxcl'>
open me
</a>

<div id='ldiv'>
click event with parameters
</div>

<script>
$("#ldiv").on("click",function(evt,force){
console.log(evt,force);
});
$("#arxcl").on("click",function(evt){
    var width = 810, height = 700;
    var left = (screen.width - width) / 2;
    var top = (screen.height - height) / 2;

    optstr = 'channelmode=0,directories=0,location=0,menubar=0,resizable=1,scrollbars=1,status=1,titlebar=0,toolbar=0,height=' + height + ',width=' + width + ',left=' + left + ',top=' + top;
    var objWind = window.open("obs3.html",'foo',optstr);
    objWind.focus();
});
</script>
</body>

</html>