45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
function details(tag){
|
|
var name = tag.id;
|
|
makeIFrame('./item_details.php?myParam=' + name);
|
|
}
|
|
|
|
function makeIFrame(url) {
|
|
var existence = document.getElementById("detail_window");
|
|
if (!existence) {
|
|
// Create the overlay div and add it to the page
|
|
var overlay = document.createElement("div");
|
|
overlay.id = "overlay";
|
|
document.body.appendChild(overlay);
|
|
|
|
// Create the iframe and add it to the overlay div
|
|
var iframe = document.createElement("iframe");
|
|
iframe.setAttribute("src", url);
|
|
iframe.id = "detail_window";
|
|
overlay.appendChild(iframe);
|
|
|
|
// Create the close button and add it to the overlay div
|
|
var closeButton = document.createElement("button");
|
|
closeButton.innerHTML = "x";
|
|
closeButton.title = "Close";
|
|
closeButton.id = "closebutton";
|
|
overlay.appendChild(closeButton);
|
|
|
|
// Add event listener to close the iframe when the close button is clicked
|
|
closeButton.addEventListener("click", closeIFrame);
|
|
|
|
// Add event listener to close the iframe when clicked outside
|
|
setTimeout(function() {
|
|
overlay.addEventListener("click", closeIFrame);
|
|
}, 100);
|
|
}
|
|
}
|
|
|
|
// Function to close the iframe and remove the overlay div from the page
|
|
function closeIFrame() {
|
|
var overlay = document.getElementById("overlay");
|
|
if (overlay) {
|
|
overlay.removeEventListener("click", closeIFrame);
|
|
overlay.parentNode.removeChild(overlay);
|
|
}
|
|
}
|
|
|