I have a situation where I am opening a window with the code window.open("mytest.aspx");. The issue arises when the user closes that pop-up window - I need to have the link on the parent page hidden. In essence, how can I hide the anchor link on the parent page from the pop-up that was opened using window.open()?
Thank you for your assistance.
Check out this JavaScript code for triggering a popup window when clicking on a link:
function ShowPopup()
{
document.getElementById("popupLink").style.visibility='hidden';
window.open("mypage.html");
}
Check out this related post for more information - Best practices for handling popup closing
In the original post, the recommended approach involves using the setInterval function to continuously check the status of the popup. Once it has been closed, you can then trigger your 'hide anchor' functionality.
I hope this explanation proves helpful!
I may have misunderstood the initial question. Here is an alternative approach:
function DisplayPopup(){
main_Window = this;
window.open('example.html');
}
Create another function within the main window:
function removeLink(){
$("#linkID").hide()
}
Before opening the popup, execute the following code:
main_Window.removeLink();
I regret any confusion caused by my previous response.
If you want to hide a link when the window is closed, you can use the onunload event. In this case, 'hr1' refers to your link id on the opener page:
Here's how you can do it on the popped-up page:
function CloseOpener(){
window.opener.document.getElementById('hr1').style.display='none';
}
Then, add this code to the same popped-up page:
<body onunload="CloseOpener();"> </body>
Alternatively, you can use a separate button on the same page to trigger the closing:
<input id="Button1" type="button" value="button" onclick="CloseOpener();"/>
This setup has been tested and confirmed working on my browsers, but there are some considerations to keep in mind when using the onunload event. For more information, check out this discussion: onunload not working in Chrome and Safari.
Here's a solution you could experiment with:
let newWindow = window.open('mytest.aspx');
newWindow.onbeforeunload = function(){
document.getElementById("theLink").style.visibility='hidden';
}
Keep in mind, this method works best when the popup page and parent page are within the same domain.
I have a problem with my current code where I can only close a modal by clicking on a specific button. I want to modify it so that the modal can be closed by clicking anywhere on the screen. Unfortunately, as a JavaScript beginner, integrating new code sni ...
Is there a way to dynamically load a module (js, css and html) using a single directive at any point during the app's lifecycle? <my-module id="contacts"></my-module> The template for this directive looks like this <my-module id="con ...
I'm in the process of setting up a CronJob to make an API call and save the response into the database: const CronJob = require("cron").CronJob; const btc_price_ticker = require("../../controllers/BtcExchange/Ticker"); const currency = require("../.. ...
In the process of developing an app, I am encountering a challenge where I need to transfer user input to another element after processing it. However, I am facing an issue with accessing the updated value of the <textarea> using .text(), as it only ...
I have been updating my file upload page to handle both text and excel files. However, when trying to read excel files with my current code, I am getting strange output. It seems that my function, which was originally designed for text files, needs modific ...
I have incorporated the Mudblazor CSS framework into my Blazor WebAssembly project. Within the drag and drop zone, I have included a button that is supposed to remove each uploaded image. However, when I click on the remove button, it only opens up the fi ...
This code snippet (below) contains 2 event listeners: renderer.domElement.addEventListener("pointerdown", changeColor, false); document.addEventListener("keydown", changeColor, false); Both of these event listeners trigger a color chan ...
I am currently utilizing the jQuery notify plugin and have included all the necessary JS files in the header. However, whenever I attempt to call the $.notify function in another JS file that also involves AJAX, I encounter difficulty accessing the $.notif ...
Receiving information from an API and looking to aggregate the values it contains. Consider the following code snippet: function totalPesos(){ $http.get('/api/valueForTest') .then(function(data){ $scope.resumePesos = data.data.Re ...
Currently residing within a Repeater element. Here is the code for a LinkButton I am working on: <asp:LinkButton ID="AggiungiSocial" CssClass="<%# ((Eval("UniqueID").ToString() != SocialEngine.paginaCrushsite.ToString()) ? "dashboard-check ...
How can I verify that a module has properly loaded its required dependencies? I've added ngAnimate to the module definition, but it doesn't appear to be functioning within the application when it runs. The environment I'm navigating is quite ...
In the following code snippet, I am looking to send the id=content to the function mr and then display the result in the passed id=result. While this functionality is currently limited to this HTML file, I aim to extend it to other HTML pages by adding the ...
It appears that prettier is not formatting the code as desired. Here is my current ESLint configuration: "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ &q ...
I am relatively new to programming in general, so please try to explain things in a simple way as I may not fully understand. English is also not my native language. My objective is to populate several textboxes with different values obtained from a json ...
I have developed a unique custom date selection component that utilizes Material UI and Formik. This component passes the selected date value to a parent form component in the following manner: import React from 'react'; import { useField } from ...
When it comes to PHP scripts on Apache, they are optimized for multiple users accessing them simultaneously. So the question is, will 1000 requests arriving at approximately the same time be processed faster than a C# .Net program running the algorithm 10 ...
I am currently facing an issue where I need to perform web scraping on this specific webpage form. This webpage is dedicated to vehicle technical reviews, and you can try inputting the car license CDSR70 for testing purposes. As mentioned earlier, I am u ...
Currently in the process of developing a web application using Firebase and Angularjs as my frontend tools. Curious to know whether it's feasible to store various file types within the Firebase DB. Could you shed some light on any potential limitatio ...
Hey there, I am working on creating a one-page scroll navigation with some basic javascript to add a smooth animation effect that takes 1 second as it scrolls to the desired section. However, I seem to be experiencing an issue where it's not functioni ...
I need to incorporate a new function called 'setInputDataId' at the same level as the existing function '_select' in the plugin js file without directly modifying the file itself. I am seeking guidance on how to add this new function. ...