Hi,
I am trying to open dialog page using an HTML button but getting “No Checksum provided error”. Any help with this would be appreciated. Using Oracle Apex version 24.2.
Below is a sample code of what I am trying to do.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Open Modal in APEX from Page Items</title>
<script type="text/javascript">
// Function to open the modal dialog with page items' values from Page 29
function openModalDialog() {
// Get values from the items on Page 29
var dealId = document.getElementById('P29_DEAL_ID').value; // P29_DEAL_ID input (Page 29 item)
var setSeqId = document.getElementById('P29_SET_SEQ_ID').value; // P29_SET_SEQ_ID input (Page 29 item)
// Construct the URL for opening the modal dialog on Page 25
var appId = 100; // Replace with your actual Application ID
var pageId = 25; // Modal dialog page number (Page 25 in this case)
var appSession = '&APP_SESSION.'; // Placeholder for the session value
// URL format: f?p=App_ID:Page_ID:Session:Request:Debug:ClearCache:Items:Values
var url = `f?p=${appId}:${pageId}:${appSession}:0:1::::P25_DEAL_ID,P25_SET_SEQ_ID:${dealId},${setSeqId}`;
// Open the modal dialog using APEX's navigation.dialog
apex.navigation.dialog(url, {
title: "My Modal Dialog", // Modal dialog title
height: 600, // Set the height of the modal
width: 800, // Set the width of the modal
resizable: true, // Allow resizing the modal (optional)
maximizable: true // Allow maximizing the modal (optional)
});
}
</script>
</head>
<body>
<h2>Sample Page 29 with Button to Open Modal Dialog</h2>
<!-- Form with fields for P29_DEAL_ID and P29_SET_SEQ_ID -->
<form>
<label for="P29_DEAL_ID">P29_DEAL_ID:</label>
<input type="text" id="P29_DEAL_ID" name="P29_DEAL_ID" value="12345" required><br><br>
<label for="P29_SET_SEQ_ID">P29_SET_SEQ_ID:</label>
<input type="text" id="P29_SET_SEQ_ID" name="P29_SET_SEQ_ID" value="67890" required><br><br>
<!-- Button to trigger the JavaScript function to open the modal dialog -->
<button type="button" id="openModalBtn" onclick="openModalDialog()">Open Modal Dialog</button>
</form>
</body>
</html>
Error Screenshot: -
Thanks,
Rohit