My Java application is built with Struts 1.1, utilizing actions, forms, and business objects. To enhance performance, I have integrated AJAX into my code to fetch data quickly and display it in a grid. However, I encountered an issue where clicking on a checkbox in a single row should open a new window, but the action only works from the second click in Chrome. Fortunately, the functionality works smoothly in IE and newer versions of Firefox. It's important to note that I am using jQuery 1.9.1 library. Here is a snippet of my JSP code:
// Function for handling checkbox clicks
function openWinForChequeDetails(f){
$(document).ready(function(){
// $('.chk').val($(this).is(':checked'));
// Attach button click event handler
$('.chk').change(function () {
// Loop through each checkbox in the table
$("table tr td input[type=checkbox]");
// Check if checkbox is checked or not
if ($(this).is(':checked')) {
// If checked, retrieve the value
var v1 = $(this).parent().siblings('td').eq(1).text();
var Asondate = document.postOutwardClearingChequesForm.asOnDate.value;
var flg = 'Y';
alert("Checkbox==>"+flg);
// Open a new window with details
winURL="/mybank/chequeDetailsPostOutwardClearingCheques.do?batchNumber="+v1+"&docDate="+Asondate+"&flag="+flg;
winName = "PostOutwardClearingChequesDetails";
winHeight = 380;
winWidth = screen.availWidth - 15;
winTop = ((screen.availHeight/2) - (winHeight / 6));
winLeft = 0;
winOpen = "";
if(winOpen){
if(winOpen.closed){
winOpen = window.open(winURL, winName, "top=" + winTop + ",left=" + winLeft + ",width=" + winWidth + ",height=" + winHeight + ",resizable=no,toolbar=no,scrollbars=yes,location=no,status=no,menubar=no")
} else {
winOpen.close();
winOpen = window.open(winURL, winName, "top=" + winTop + ",left=" + winLeft + ",width=" + winWidth + ",height=" + winHeight + ",resizable=no,toolbar=no,scrollbars=yes,location=no,status=no,menubar=no")
}
} else {
winOpen = window.open(winURL, winName, "top=" + winTop + ",left=" + winLeft + ",width=" + winWidth + ",height=" + winHeight + ",resizable=no,toolbar=no,scrollbars=yes,location=no,status=no,menubar=no")
}
winOpen.focus();
} else{
var flg='N' ;
alert(flg);
$.ajax({
url:'/mybank/unChequeDetailsPostOutwardClearingCheques.do?batchNumber='+v1+'&docDate='+Asondate+'&flag='+flg,
type:'post',
dataType: 'json'
});
}Console.log("Exit Method");
});
});
}// AJAX Call within the gridview context
var rowNew= $('<td align="center" class="lbl-08" width="9%"></td>').html('<input type="checkbox" onclick="openWinForChequeDetails(postOutwardClearingChequesForm)" class="chk" value="Y" indexed="true" />').appendTo(tr);