Ways to update parent and ancestor windows following the closure of child windows

My scenario involves three windows in a hierarchy: 1st - the main window
2nd - a child window that is opened using window.showModalDialog from the 1st window.
3rd - a window that is an ancestor of the 1st window and is opened from the 2nd window using window.showModalDialog.

What I aim to accomplish is to open all three windows sequentially, then after closing the 3rd window, refresh the 2nd window. Subsequently, after closing the 2nd window, refresh the 1st window.

However, there is one additional condition - I want to avoid any post-backs during this process.

Does anyone have a solution for achieving this task?

asp.netjavascriptasp.net-2.0asp.net-3.5

Answer №1

The most efficient approach is to perform this action PRIOR to closing the child windows.

window.opener.location.reload(true);
window.close();

Answer №2

When working with a page that includes a child element, utilize a function to call the child element and retrieve its value upon closing. Use this value to trigger a refresh of the parent element using a GET request. One way to accomplish this is by modifying the current URL of the parent, such as by appending a parameter to it. And that's all there is to it!

Answer №3

If you're experiencing issues with showModalDialog, try implementing __doPostBack() on the parent window for a successful resolution.

Referral link

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Organizing a drop down list in alphabetical order with Angular.js is not supported

I have encountered an issue with ordering the drop down list alphabetically using Angular.js. Below is the code I am using: <div class="input-group bmargindiv1 col-md-12"> <span class="input-group-addon ndrftextwidth text-right" style="width:180p ...

javascriptangularjs

Unable to generate two tables

I have a dynamic table creation issue. The tables are meant to be created based on the user's input for the "super" value. For example, if the user inputs "2" for super, then it should create 2 tables. However, this is not happening as expected becaus ...

javascripthtmlcss

Execute action based on local state when component is unmounted in React

I have encountered an issue with a component's internal state not being properly propagated throughout the application, specifically under certain events. const FunComponent = (initialDescription, onSave) => { const [description, setDescription] ...

javascriptreactjsreact-hooks

Retrieve image file from computer's hard drive

I have the following HTML Tags: <input id="bigPicture" name="bigPicture" type="file" value=""> <img src="test.png" id="test1"> User select file and I want to preview this file inside ...

javascripthtmljqueryjquery-events

Troubles with setting up node modules in a Windows 10 environment

I'm encountering difficulties when trying to install modules on my Windows 10 laptop after setting up Node.js from scratch. Since it's my personal computer, I have complete control over the system. Despite searching through various online forum ...

javascriptnode.jsnpmnpm-install

Attempting to resolve the Bootstrap issue, currently in search of a suitable solution

Today I made the decision to utilize bootstrap to create a menu, but unfortunately, I've encountered a strange bug or conflict involving jQuery, potentially the UI, and Bootstrap. If you'd like, you can take a look at the picture provided in the ...

javascriptjqueryhtmlcsstwitter-bootstrap

My initial experience with vue.js has been complicated by issues with routers

I've recently dipped my toes into the world of Javascript and vue.js. After following a tutorial on creating a single page shopping application, I decided to incorporate routers into my learning project. However, I encountered some interesting error ...

javascriptvue.jsvuejs2vue-componentvue-router

Can we use the function name as an argument for the setState method?

I have a simple question. In the following code snippet, how is it possible to utilize "prevState" as a function without explicitly coding it as a function? handleAddOne() { this.setState(prevState => { return { counter: prevState.coun ...

javascriptreactjscomponentsjsxsetstate

Setting up initial values for React properties

Below is the React code snippet I am currently working with: this.state = { colsHiddenStatus: new Map([['rowNumber',true], ['id', false], ['firstName', false], ['lastName', false], ['mobile', false], [&a ...

javascriptreactjsecmascript-6

Switch up image origin when image reaches screen boundary

I am trying to create a DVD screensaver with changing images each time it hits the edge, but I can't seem to get it to work. I've attempted using the code snippet below: var img = document.getElementById("myImage"); img.src = 'img/new-image. ...

javascripthtmlcss

Inquiring about the best method to determine the intersection point between two lines in Draw i.o

Can someone please explain how to find the coordinate point where two lines intersect in draw i.o? I am looking for a Javascript function to solve this issue and get the coordinate of the point only. For example: ...

javascripthtmlcssdraw

Encountering an issue with the SSR module evaluation despite having SSR disabled in Svelte Kit

I needed a specific route in my app to not be server-side rendered. This can be achieved by setting export const ssr = false in the module script or configuring ssr: false in the svelte.config.js, as outlined in the Svelte documentation. Despite disabling ...

javascriptserver-side-renderingsveltesveltekit

What are some ways to lazily load directives in AngularJS?

Currently, I am exploring the capabilities of angularjs and aiming to dynamically load directives only when they are required instead of loading all of them initially on the page. My focus is on creating custom directives for the plugins that I use frequen ...

javascriptangularjs

Internet Explorer struggling to function due to JavaScript errors

While Chrome and Firefox breeze through the page, it seems to hang for an eternity in Internet Explorer. Here is the problematic page: ============= Error Details: User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2 ...

jqueryjquery-pluginsjavascriptsimplemodal

Is there a method available to streamline the process of generating .json files for language translations?

Working with translation files can be a tedious task, especially when adding new keys for different languages. Making sure that each key is included in all the JSON files can lead to errors and repetitive editing. Is there a more efficient way to handle t ...

javascriptjsonangularjspowershellangular-translate

Dynamic cell editing feature in PrimeNG table

Looking to implement the PrimeNG Table. https://i.stack.imgur.com/bQycr.png Check out the live demo on StackBlitz. The table has three editable columns. The "Property Name" column always displays a text box in edit mode, while the "Property Value Type" ...

javascriptangularprimengprimeng-datatable

Hidden Password Field Option in HTML

My HTML password textbox has the input type set as password, but I can still see what is being typed. This shouldn't happen as password inputs should be masked. Can someone please advise me on how to resolve this issue? To replicate, copy the code be ...

javascripthtmlxhtmlhtml5-canvas

Middle-Click JavaScript Action

On the website I'm currently working on, there is a button that uses a sprite sheet animation and therefore needs to be set as a background image. I want the button to have a slight delay when clicked, so the animation can play before redirecting to a ...

javascriptjqueryhtmlhrefsprite-sheet

Encountered a TypeError with mongoose: The function specified is not recognized as a valid function when attempting to create a new mongoose instance

I'm currently developing a web application using the MEAN stack, and I've encountered an issue with my mongoose instance that's giving me a headache. Let me share parts of my code: my route const express = require('express'); co ...

javascriptnode.jsmongodbmongoose

What are the specific actions performed on the server and on the client in ReactJS when rendering a component?

I've recently delved into the world of ReactJS, following tutorials and reading the documentation, but I'm still struggling to grasp a fundamental concept about how React actually operates. When a page is served, what exactly occurs behind the s ...

javascriptreactjs