Demo of Opening and closing Child window from Parent using JQuery
Enter Your Name. This data will be carried to Child window once it is opened.
JQuery Parent Window
<script>
$(document).ready(function() {
var newWin; // declaring global variable
////////////////////////////
$("#b_open").click(function(){
newWin = window.open("window-child-data.php");
})
//////////////
$("#b_close").click(function(){
newWin.close();
})
///////
})
</script>
JQuery Child Window
<script>
$(document).ready(function() {
////////////////
var str=parent.window.opener.$('#t1').val()
$('#d1').html("Parent Window Data = " + str);
//////////////
$("#b2").click(function(){
var sel=$('#t2').val();
window.opener.$('#t1').val(sel);
self.close();
})
///////
})
</script>
HTML Parent Window
<input type='text' class='form-control' id='t1'>
<button type='button' class='btn btn-success btn-lg ' id='b_open'>Open Child Window</button>
<button type='button' class='btn btn-danger btn-lg ' id='b_close'>Close Child Window</button>