ASP.NET

ASP.NET RSS

Popup window on button click

Please support our ASP.NET advertiser: Intel Parallel Studio Home

•

Join Date: Sep 2006

Posts: 45

Reputation: Sarah Lee is an unknown quantity at this point

Solved Threads: 0

Sarah Lee

Offline

Light Poster

Popup window on button click

Feb 16th, 2007

Hi

In my application, i would like to use the popup window concept.
When the user clciks a button, a popup window should appear, with a textbox to enter a value.
on closing the popup window, the user entered value should get saved into a table

I am using asp.net 2.0

Can anyone please tel, what all are the things to be noted for this?

thanks

•

Join Date: Sep 2006

Posts: 100

Reputation: M_K_Higa is an unknown quantity at this point

Solved Threads: 2

M_K_Higa

Offline

Junior Poster

Re: Popup window on button click

Feb 16th, 2007

Since you are capturing user action via popup, you will most likely use client side scripting to get the user input. Once you get the user input, you can set it to some control in your form which will get sent to your server when the form is submitted.

Here’s an expmple…

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<form id="form1" runat="server">
<div>
  <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="HiddenField1.value = prompt('Enter your feedback','');" />
  <asp:HiddenField ID="HiddenField1" runat="server" />
  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
</form>
<form id="form1" runat="server">
<div>
  <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="HiddenField1.value = prompt('Enter your feedback','');" />
  <asp:HiddenField ID="HiddenField1" runat="server" />
  <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
</form>

This code handles the user input on the server side. (In this case, it simply displays it in a label, but at this point you get to decide what to do with it.)

 Help with Code Tags 
 c# Syntax (Toggle Plain Text) 
protected void Page_Load(object sender, EventArgs e) {
  if(IsPostBack) {
    Label1.Text = HiddenField1.Value;
  }
}
protected void Page_Load(object sender, EventArgs e) {
  if(IsPostBack) {
    Label1.Text = HiddenField1.Value;
  }
}

The button has a client script calling the prompt function. The value returned by the prompt function is set to the value of the hidden field, which gets submitted to the server. NOTE: In production code, you have to validate the user input.

-Mike

•

Join Date: Sep 2006

Posts: 45

Reputation: Sarah Lee is an unknown quantity at this point

Solved Threads: 0

Sarah Lee

Offline

Light Poster

Re: Popup window on button click

Feb 22nd, 2007

Thanks for the reply.
Actually i am trying in following way , but struck with this

Suppose if i want to do like this.

parent.aspx
<asp:button id="button1" onclick="openwindow()" ruant="server/>
<script>
function openwindow()
{
window.open("popup.aspx", "mywindow",""...)
}
</script>

popup.aspx
<asp:textbox...>
<asp:button onclcik="adduser"...>
<asp:button onclick="close"..>

The user enters value in textbox of popup.aspx
How can i catch that value in parent.aspx method,( i want to get the value through server side) where i set
dim name as string=" " ----------------> text entered in popup window textbox

Thanks

•

Join Date: Feb 2007

Posts: 1

Reputation: narkhedeuday is an unknown quantity at this point

Solved Threads: 0

narkhedeuday narkhedeuday is offline

Offline

Newbie Poster

Re: Popup window on button click

Feb 22nd, 2007

•

Join Date: Feb 2007

Posts: 29

Reputation: aravindkishore is an unknown quantity at this point

Solved Threads: 1

aravindkishore aravindkishore is offline

Offline

Light Poster

Re: Popup window on button click

Feb 22nd, 2007

I think session concept works for ur problem

•

Join Date: Sep 2006

Posts: 100

Reputation: M_K_Higa is an unknown quantity at this point

Solved Threads: 2

M_K_Higa

Offline

Junior Poster

Re: Popup window on button click

Feb 22nd, 2007

Ok. Instead of using window.open, you can use the window.showModalDialog method.

The info gathering is still done on the client side, so there's not much asp.net stuff going on here. Just set the returned value to a field that can be returned to the server and you should be able to do your asp.net stuff as usual.

On a related note, you may run into problems with popup blockers so make sure you test very well.

Anyway, here some sample code...

parent.aspx

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Parent Page</title>
<script type="text/javascript">
  function DoOnclick() {
    var RetVal="Test: The child.html page will change this value...";
    alert(RetVal); 
    RetVal = window.showModalDialog("child.html","","dialogHeight: 150px; dialogWidth: 300px;");
    alert(RetVal); 
  }
</script>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <input id="Button1" type="button" value="Open Child..." onclick="DoOnclick();" />
    </div>
  </form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Parent Page</title>
<script type="text/javascript">
  function DoOnclick() {
    var RetVal="Test: The child.html page will change this value...";
    alert(RetVal); 
    RetVal = window.showModalDialog("child.html","","dialogHeight: 150px; dialogWidth: 300px;");
    alert(RetVal); 
  }
</script>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <input id="Button1" type="button" value="Open Child..." onclick="DoOnclick();" />
    </div>
  </form>
</body>
</html>

child.aspx

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Child Page</title>
<script type="text/javascript">
  function DoOnclick(arg) {
    if(arg.value == "Enter a value...") {
      alert("Do some kind of validation...");
      return false; // Make sure the user changes the value
    } else {
      window.returnValue = arg.value;
    }
    window.close();
  }
</script>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <strong>This is the modal box...</strong><br />
      <input id="Text1" type="text" value="Enter a value..." /><br />
      <input id="Button1" type="button" value="Return a value..." onclick="DoOnclick(Text1);" />
    </div>
  </form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Child Page</title>
<script type="text/javascript">
  function DoOnclick(arg) {
    if(arg.value == "Enter a value...") {
      alert("Do some kind of validation...");
      return false; // Make sure the user changes the value
    } else {
      window.returnValue = arg.value;
    }
    window.close();
  }
</script>
</head>
<body>
  <form id="form1" runat="server">
    <div>
      <strong>This is the modal box...</strong><br />
      <input id="Text1" type="text" value="Enter a value..." /><br />
      <input id="Button1" type="button" value="Return a value..." onclick="DoOnclick(Text1);" />
    </div>
  </form>
</body>
</html>

-Mike

•

Join Date: Sep 2006

Posts: 45

Reputation: Sarah Lee is an unknown quantity at this point

Solved Threads: 0

Sarah Lee

Offline

Light Poster

Re: Popup window on button click

Feb 22nd, 2007

Thanks. just gonna try

•

Join Date: Mar 2007

Posts: 1

Reputation: bazpaul is an unknown quantity at this point

Solved Threads: 0

bazpaul

Offline

Newbie Poster

Re: Popup window on button click

Mar 1st, 2007

Hi

This is a nice example and as a beginner has helped my nicely with a project im working on. However im am having a little problem. When i change the dialog box height and width it has no effect on the size of the box!!!

Can anyone suggest what could be going wrong, heres some of my code;

<code>
<scripttype="text/javascript">
function DoOnclick()
{
var RetVal="";
RetVal = window.showModalDialog("email_prompt.aspx?name=SS_Server_Detail_Report&param1=1026","","dialogHeight: 150x; dialogWidth: 400px; dialogTop: 250px; dialogLeft: 500px; edge: Sunken; resizable: Yes; status: No;");
alert(RetVal);
}
</script>
</head>
<body>
<formid="form1"runat="server">
<div>
<inputid="Button1"type="button"value="Print Report"onclick="DoOnclick();"/>



</form>
</body>
</html>
</code>

•

Join Date: Sep 2006

Posts: 100

Reputation: M_K_Higa is an unknown quantity at this point

Solved Threads: 2

M_K_Higa

Offline

Junior Poster

Re: Popup window on button click

Mar 1st, 2007

Looks like a typo -- you have dialogHeiht: 150x;

it should be dialogHeiht: 150px;

-Mike

•

Join Date: Oct 2008

Posts: 4

Reputation: rajbav2000 is an unknown quantity at this point

Solved Threads: 1

rajbav2000 rajbav2000 is offline

Offline

Newbie Poster

Popup window on button click

#10

Nov 13th, 2008

•

Originally Posted by Sarah Lee

Hi

In my application, i would like to use the popup window concept.
When the user clciks a button, a popup window should appear, with a textbox to enter a value.
on closing the popup window, the user entered value should get saved into a table

I am using asp.net 2.0

Can anyone please tel, what all are the things to be noted for this?

thanks

hi this is rajamani and the coding for pop up window is Response.Write("<script>window.alert('Welcome')</script>");
try this out u will get the pop window only but u wil not get a text box