Client Side Web Development

Re: Passing data from popup to parent window using session variables

nikhil20980 — Sat, 28 Mar 2009 17:44:32 GMT

The problem was basically not even what I mentioned earlier. I was trying to store the values in a TextBox.text field in the login_click method and somehow that was not working out.

Tried to pass the values as a parameter to the CloseDialog() method resolved the issue for me.

Re: Passing data from popup to parent window using session variables

nikhil20980 — Sat, 28 Mar 2009 14:09:57 GMT

Got it. I was using an <asp:Button> where as your sample has <input type="Button">. Using the <Input> tag resolved the problem.

But now i have another problem. The asp:Button that i was using had additional actions before calling the CloseDialog() function. It was working with the DB to get some information and storing them to variables.

I would have to find some other way to accomplish that. Any ways to achieve that here?

Re: Passing data from popup to parent window using session variables

NC01 — Thu, 26 Mar 2009 14:23:59 GMT

The example that I posted was tested and works witout errors. It will only work in Internet Explorer however, since it uses window.showModalDialog and window.returnValue.

NC...

Re: Passing data from popup to parent window using session variables

nikhil20980 — Thu, 26 Mar 2009 13:59:08 GMT

I get object required error now.

Also i could not find a window.returnValue.

Re: Passing data from popup to parent window using session variables

NC01 — Thu, 26 Mar 2009 13:02:47 GMT

The window.opener does NOT work if you use window.showModalDialog to open the window. Read the previous posts in this thread. Here's an example of what you need to do:

Parent.aspx:

if ( !dialogReturn )
{
  // Dialog closed by the "X" closer or no value sent...
  alert('NO return from dialog');
}
else
{
  //alert('Return from dialog: ' + dialogReturn);
  __doPostBack('ReturnFromDialogPostBack', dialogReturn);
}
}
// -->
</script>

Parent.aspx.cs:

private void Page_Load(object sender, System.EventArgs e)
{
// Insure that the __doPostBack() JavaScript method is created...
this.GetPostBackEventReference(this, string.Empty);

if ( this.IsPostBack )
{
string eventTarget = (this.Request["__EVENTTARGET"] == null) ? string.Empty : this.Request["__EVENTTARGET"];
string eventArgument = (this.Request["__EVENTARGUMENT"] == null) ? string.Empty : this.Request["__EVENTARGUMENT"];

if ( eventTarget == "ReturnFromDialogPostBack" )
this.Session["TestSessionObject"] = eventArgument;
}
else
{
}

string testSessionObject = (this.Session["TestSessionObject"] == null) ? string.Empty : this.Session["TestSessionObject"].ToString();
this.Response.Write("TestSessionObject: [" + testSessionObject + "]<br>");

}

Dialog.aspx
(Using the value from the TextBox to return to the parent as the new Session value):

NC...

Re: Passing data from popup to parent window using session variables

nikhil20980 — Thu, 26 Mar 2009 12:03:39 GMT

Hi NC01,

Is there a way to implement this with ModalDialog?

I tried but it throws window.opener is NULL or not an object.

Can't get it throgh. Works fine with the normal popup but my requirement is a Modal popup window.

Re: Passing data from popup to parent window using session variables

NC01 — Thu, 28 Aug 2008 14:21:22 GMT

You need to code for browser compatibility issues. Test for the object before calling it. For example:
var keyStroke = (event.which) ? event.which : (window.event) ? window.event.keyCode : -1;

As for calling server-side code from the client, there are really only 2 ways. A full PostBack using __doPostBack(targ, arg) or a partial PostBack (AJAX). The methods that you mentioned are really offshoots of AJAX. A Google search should tell you all that you want to know about any of them.

NC...

Re: Passing data from popup to parent window using session variables

satish4asp — Thu, 28 Aug 2008 13:38:33 GMT

Hi NC01,

Thank you for your valuable suggessions,and I follow your posts regularly,It was really so much impressing.

If possible let me clarify a few things on this...

1) How should we know whether the piece of code works for all browsers (Browser compatibility issues)

For ex: event.keyCode does n't work for Mozilla (like this....)

Is there any simple way to find out that code will works for all browsers or not ?

2)What are the diff ways for calling code behind methods from client side?

Presently I know Calling Ajax static methods,_doPostBack('','')..Raisepostback event ,ICallBackEvent and click() event..

I think this would be useful for others also....

Thanks in advance..

Regards,

Satish.

Re: Passing data from popup to parent window using session variables

NC01 — Thu, 28 Aug 2008 11:28:39 GMT

window.opener.document.getElementById('btnhidOpenChild').click();

This does not work in all browsers. In some browsers you will get a security violation instead.

NC...

Re: Passing data from popup to parent window using session variables

satish4asp — Thu, 28 Aug 2008 06:02:09 GMT

Hi All,

First of all let me explain about my previous post.

As everybody knows Client script executes first then only follows serverside code.

By using window.showModalDialog for open child popup ,it waits for that chld return value and then executes remaining client side code and then server side exode executes for that button.

As NC01 told that window.showModalDialog work only for IE and that posted solution was good.

Also Iam suggesting a simle way without using sessions

Look at the following also...

ParentPage is like this...

Code behind for ParentPage..

protected void btnOpenChild_click(object sender, EventArgs e)
    {
        string str;
        str = this.hidden1.Value;
        Response.Write(str);
    }

and Child Page ...

Javascript for ChildPage..

function PopupClose()
    {
        var sValue=document.getElementById('txtchild').value;
        if(sValue!=null && sValue!="")
        {
              window.opener.document.getElementById('hidden1').value=sValue;
              window.opener.document.getElementById('btnhidOpenChild').click();
              window.close();
        }
    }

Nothing is new here...I just called that Parentpage button click event in child page...

Let us know if You have any concerns on this...

Regards,

Satish

Re: Passing data from popup to parent window using session variables

NC01 — Wed, 27 Aug 2008 15:16:47 GMT

Here's a complete sample. Try this.

ParentWindow.aspx:

ParentWindow.aspx.cs:

private void Page_Load(object sender, System.EventArgs e)
{
// Insure that the __doPostBack() JavaScript method is created...
this.GetPostBackEventReference(this, string.Empty);

if ( this.IsPostBack )
{
string eventTarget = (this.Request["__EVENTTARGET"] == null) ? string.Empty : this.Request["__EVENTTARGET"];

if ( eventTarget == "ChildWindowPostBack" )
Response.Write("Session: [" + this.Session["ChildWindowKey"] + "]<br>");
}
else
{
}
}

ChildWindow.aspx:

ChildWindow.aspx.cs:

protected void postBackButton_Click(object sender, EventArgs e)
{
this.Session["ChildWindowKey"] = "Value from child window";

this.RegisterStartupScript("CloseWindowScript", "<script type='text/javascript'>closeWindow();</script>");
}

Note that RegisterOnSubmitStatement, RegisterStartupScript, RegisterClientScriptBlock, etc have changed since version 1.1 and you will get a compiler warning with the above.
See http://msdn2.microsoft.com/en-us/library/system.web.ui.clientscriptmanager.aspx for more information.

Also, if using AJAX, you must substitute a ScriptManager object call for the ClientScript object call. See http://tech-review.org/blogs/.net_2.0/archive/2007/02/08/lets-talk-scriptmanger.aspx for more information.

BTW, showModalDialog is only available in Internet Explorer.

NC...

Re: Passing data from popup to parent window using session variables

ManjunathMR — Wed, 27 Aug 2008 14:49:54 GMT

Hi,

Thanks for the reply. In the javascript i'm using i get only the option for window.open() and not for window.showmodaldialog().

What may be the reason? Does it come for only ajax enabled website? Mine is not.

Thanks,

Manjunath M. R.

Re: Passing data from popup to parent window using session variables

ManjunathMR — Wed, 27 Aug 2008 13:53:47 GMT

Hi,

Thanks for the reply. What u said is right. But the problem is that I should be able to access the value in the popup in the same button event that caused the popup on the client side.

What I mean is I want to access the value set in the child popup in the butt0n_click event in the parent.aspx.cs .

I'm using the following approach.

1. When the user clicks on the button I have the following java script executed on the client side

function openwin()

{

window.open(........);

}

In the click event

button_click(....)

{

t1.text= Request["hidden1"];

}

in the child page

I have a text box t2 and button b

in the button b clientclickevent I have the followin javascript

function set()

{

window.opener.document.getelementbyid('hidden1').value=document.getelementbyid('t2').value;

window.close();

}

The problem Is that the value of t1 gets updated when I click the button for the second time.

What's the solution for the value to get updated on the first click?

Thanks,

Manjunath M. R.

Re: Passing data from popup to parent window using session variables

satish4asp — Wed, 27 Aug 2008 13:43:30 GMT

Hi,
Try with the following...
If the parent page is like this then......
<form id="form1" runat="server">
    <div>
    <input type="text" id="txtParentBox" runat="server" /> <br />
    <input type="button" id="btnOpenChild" value="Open" runat="server" onclick="PopupOpen();" onserverclick="btnOpenChild_click" />
    </div>
    </form>

and Javascript function in parent form ....
function PopupOpen()
    {
        var sReturnvalue,vUrl;
        var vWidth, vHeight;
        vWidth = 250;
  vHeight = 200;
  vUrl="Child.aspx";
        sReturnvalue=window.showModalDialog(vUrl, this, 'dialogwidth:300px;dialogHeight:125px;dialogLeft:' + (((screen.width - vWidth) / 2) + 200) + ';dialogTop:' + (((screen.height - vHeight) / 2) + 100) + ';help: No; status:no'+';scroll:No');
        if(sReturnvalue!=null && sReturnvalue!="")
            document.getElementById('txtParentBox').value=sReturnvalue;
    }

then codebehind of Parent Page
protected void btnOpenChild_click(object sender, EventArgs e)
    {
        string str;
        str = txtParentBox.Value;
    }

This is the child page...
<form id="form1" runat="server">
    <div>
     <input type="text" id="txtchild" runat="server" /> <br />
    <input type="button" id="btnOpenChild" runat="server" value="Close" onclick="return PopupClose();return false;" />
    </div>
    </form>
and Javascript function in child page....
function PopupClose()
    {
        var sValue=document.getElementById('txtchild').value;
        if(sValue!=null && sValue!="")
        {
            window.returnValue = sValue;
            window.close();
        }
    }

If I misunderstood your problem ,feel free to let us know.

Regards,

Satish.

Re: Passing data from popup to parent window using session variables

NHOQUE — Wed, 27 Aug 2008 07:57:44 GMT

In Parent window,

create an element like this,

In Child window,

using javascript,

window.opener.document.getElementById("parentID")= document.getElementById("your_TextBox_ID_in_Child_window");

then in parent page.,in the codebhind

you can achieve it by,

String myPopupData=parentID.value;

Thanks.