ASP.NET: How to get JavaScript variable from popup window?

Question

This is code for Firefox.

Default.aspx:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script type="text/javascript" src="pop.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Hidden1" type="hidden" runat="server" />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Popup" />
    </div>
    </form>
</body>
</html>

Default.aspx.cs:

    protected void Page_Load(object sender, EventArgs e)
    {
        TextBox1.Text = "Hello";
        Button1.Attributes.Add("onClick", "javascript:InvokePop('" + TextBox1.ClientID + "');");
    }

PopupWin.aspx:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script type="text/javascript" src="pop.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtValue" runat="server"></asp:TextBox><br />
        <br />
        <input type="button" id="btnReturnValue" value="Return value back" onclick="ReturnValue();" />
    </div>
    </form>
</body>
</html>

pop.js:

function InvokePop(fname)
{
    val = document.getElementById(fname).value;
    retVal = window.open("PopupWin.aspx?Control1=" + fname, 'Show Popup Window', 'height=90,width=250,resizable=yes,modal=yes');
    retVal.focus();
}

function ReturnValue()
{
    var newValue = document.getElementById("txtValue").value;
    if ((window.opener != null) && (!window.opener.closed))
    {
        window.opener.document.getElementById("TextBox2").value = newValue;
    }
    window.close();
}

In this case I click button on Default.aspx page and open Popup.aspx as popup window. I enter some value to text box in Popup.aspx and press button. The new value appears in second text box on Default.aspx page.

That works, but how can I pass the new value entered in Popup.aspx page to some handler in Default.aspx page and use it further? For example, I can have another ASPX button on Default.aspx page and when I click it I can use the value entered in Popup.aspx page.

vanSanten · Accepted Answer · 2013-02-11 12:48:53Z

1

Well what you can do is the following:

Add a hiddenField on the first page. Im calling it "hfPopupValue".

In pop.js u are currently doing this:

window.opener.document.getElementById("TextBox2").value = newValue;

You can change this to:

window.opener.document.getElementById("hfPopupValue").value = newValue;

Afterwards you can just read the value from the hiddenField. This should solve your problem.

answered Feb 11, 2013 at 12:48

vanSanten

633 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Echilon · Accepted Answer · 2013-02-11 12:44:46Z

0

Have you thought of using jQueryUI's Dialog, which lets you keep all controls on the same page, meaning cleaner code.

It also doesn't look as nasty as a JavaScript popup window.

answered Feb 11, 2013 at 12:44

Echilon

10.3k33 gold badges138 silver badges226 bronze badges

1 Comment

tesicg Over a year ago

You're right, but I just need this to be solved at the moment.

Collectives™ on Stack Overflow

ASP.NET: How to get JavaScript variable from popup window?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related