lt Page Language34C34 AutoEventWireup34true34 CodeBehind34WebForm1aspxcs34 Inherits34karWebForm134 gtltDOCTYPE htmlgtlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltlink href34sacss34 rel34stylesheet34 type34textcss34 gt ltheadgtltbody style34height 438px34gt ltform id34form134 runat34server34gt

Pass value from parent window to child popup window using JavaScript

Karthika

SOLVED CLOSED ACTIVE ANSWERED
User: Karthika
Posted: on Jan 07, 2014 04:52 AM
Forum: JavaScript
Answer: 1
Views: 13904

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="kar.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link href="sa.css" rel="stylesheet" type="text/css" />
    

    </head>
<body style="height: 438px">
    <form id="form1" runat="server">
    
        <div>
    <center>
<asp:Panel ID="Panel1" runat="server" Height="103px">
    <table>
        <tr>
            <td>
                 <asp:Label ID="Label1" runat="server" Text="ID "></asp:Label>
            </td>
            <td>
 <asp:TextBox ID="txt_ID" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Name" runat="server" Text="Name "></asp:Label>  
            </td>
            <td>
 <asp:TextBox ID="txt_name" runat="server"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td>
                  <asp:Button ID="Button2" runat="server" Text="Insert" OnClick="Button2_Click" />
            </td>
            <td>
                 <asp:Button ID="Button1" runat="server" Text="Delete" OnClick="Button1_Click" />
            </td>
        </tr>
    </table>
    
    
   </asp:Panel>
</center>
   </div>
              
        <div>   
            <center>

              
          <asp:Panel ID="Panel2" runat="server" Height="158px">
                      

              <asp:GridView ID="Show" runat="server" AutoGenerateColumns ="False" OnRowCommand="Show_RowCommand" OnRowDeleting="Show_RowDeleting" OnRowEditing="Show_RowEditing" >
                  <Columns >
                      <asp:TemplateField HeaderText ="Edit">
                          <ItemTemplate>
                              <asp:LinkButton ID="LnkEdit" runat="server" OnClick ="LnkEdit_Click" CommandName="Edit" OnClientClick ="return windowOpen()">Edit</asp:LinkButton>
                          </ItemTemplate>
                      </asp:TemplateField>
                      <asp:TemplateField HeaderText ="Delete">
                          <ItemTemplate>
                              <asp:LinkButton ID="Lnk_Delete" runat="server" OnClick ="lnkDelete_Click" CommandName="Delete" OnClientClick="javascript:return confirm('Are you sure you want to delete?');"> Delete</asp:LinkButton>
                           </ItemTemplate>
                      </asp:TemplateField>
                      <asp:TemplateField HeaderText="ID">
                         <ItemTemplate>
                             <asp:Label ID="ID" runat="server" Text='<%#Eval ("ID") %>'></asp:Label>
                             </ItemTemplate>
                      </asp:TemplateField>
                       <asp:TemplateField HeaderText="Name">
                         <ItemTemplate>
                             <asp:Label ID="Name" runat="server" Text='<%#Eval ("Name") %>'></asp:Label>
                             </ItemTemplate>
                      </asp:TemplateField>

                  </Columns>


              </asp:GridView>
                          
                                     
                  </asp:Panel>
             </center>  
              </div>
        <asp:Button ID="btnNewWindow" Text="Open new Window" runat="server" OnClick="OpenWindow" />
       
    </form>
  
    <script type="text/javascript">
        function windowOpen() {
            myWindow = window.open('delete.aspx', '_blank', 'width=800,height=800')
            myWindow.focus()

            window.opener.document.form.textbox1.value = t;

           return false;
        }
</script>


    
</body>
</html>

For this i have attached the webform1.aspx (Parent form)...... i have to pass the values to delete.aspx form. so kindly help me how to pass values from parent to child...............

Mudassar

0 2

Reply
ANSWER
User: Mudassar
Replied: on Jan 07, 2014 05:04 AM
Modified: on Jul 04, 2015 06:14 PM
Report

Complete example wiith sample code, check below link

Pass (Send) value from Parent page window to Child popup window using JavaScript

Parent Page

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        body
        {
            font-family: Arial;
            font-size: 10pt;
        }
        table
        {
            border: 1px solid #ccc;
        }
        table th
        {
            background-color: #F7F7F7;
            color: #333;
            font-weight: bold;
        }
        table th, table td
        {
            padding: 5px;
            border-color: #ccc;
        }
    </style>
</head>
<body>
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                First Name:&nbsp;
            </td>
            <td>
                <input type="text" id="txtFirstName" value="Mudassar" />
            </td>
        </tr>
        <tr>
            <td>
                Last Name:&nbsp;
            </td>
            <td>
                <input type="text" id="txtLastName" value="Khan" />
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
                <input type="button" value="Send" onclick="SendToPopup()" />
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        var popup;
        window.onload = function () {
            popup = window.open("Popup.htm", "Popup", "width=300,height=100");
        };
        function SendToPopup() {
            if (popup != null && !popup.closed) {
                var lblFirstName = popup.document.getElementById("lblFirstName");
                var lblLastName = popup.document.getElementById("lblLastName");
                lblFirstName.innerHTML = document.getElementById("txtFirstName").value;
                lblLastName.innerHTML = document.getElementById("txtLastName").value;
                popup.focus();
            } else {
                alert("Popup has been closed.");
            }
        }
    </script>
</body>
</html>

Popup Page

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
   <style type="text/css">
        body
        {
            font-family: Arial;
            font-size: 10pt;
        }
        table
        {
            border:1px solid #ccc;
        }
        table th
        {
            background-color: #F7F7F7;
            color: #333;
            font-weight: bold;
        }
        table th, table td
        {
            padding: 5px;
            border-color: #ccc;
        }
    </style>
</head>
<body>
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                First Name:&nbsp;
            </td>
            <td>
                <span id="lblFirstName"></span>
            </td>
        </tr>
        <tr>
            <td>
                Last Name:&nbsp;
            </td>
            <td>
                <span id="lblLastName"></span>
            </td>
        </tr>
    </table>
</body>
</html>

Pass value from parent window to child popup window using JavaScript

Company

Explore

Follow us

Contact Us