passing values between a form and modal form

jay200032

1 New Member

Hello I'm creating a report, I want to display information about a single person in a modal form based the populated datagridview. I'm using jquery to show the modal form, but I'm having problems display the specific information based on the primary key. This is what I have done so far

Expand|Select|Wrap|Line Numbers

 
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

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

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

    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <script type="text/javascript">

          $(document).ready(function () {

              //select all the a tag with name equal to modal

              $('a[name=modal]').click(function (e) {

                  //Cancel the link behavior

                  e.preventDefault();
 
                  //Get the A tag

                  var id = $(this).attr('href');
 
                  //Get the screen height and width

                  var maskHeight = $(document).height();

                  var maskWidth = $(window).width();
 
                  //Set heigth and width to mask to fill up the whole screen

                  $('#mask').css({ 'width': maskWidth, 'height': maskHeight });
 
                  //transition effect    

                  //$('#mask').fadeIn(1000);    

                  $('#mask').fadeIn(500);

                  $('#mask').fadeTo("slow", 0.7);
 
                  //Get the window height and width

                  var winH = $(window).height();

                  var winW = $(window).width();
 
                  //Set the popup window to center

                  $(id).css('top', winH / 2 - $(id).height() / 2);

                  $(id).css('left', winW / 2 - $(id).width() / 2);
 
                  //transition effect

                  $(id).fadeIn(500);
 
              });
 
              //if close button is clicked

              $('.window .close').click(function (e) {

                  //Cancel the link behavior

                  e.preventDefault();
 
                  $('#mask').hide();

                  $('.window').hide();

              });
 
              //if mask is clicked

              $('#mask').click(function () {

                  $(this).hide();

                  $('.window').hide();

              });

          });

      </script>

 <title></title>

</head>

<body>

    <form id="form1" runat="server">

       <div id="header">        

            <div id="headerText">

                <asp:Label ID="Label1" runat="server" EnableViewState="False" 

                    Font-Names="Segoe UI" Font-Size="16pt" Text="REPORTS"></asp:Label>

                <br />

            </div>

     </div>

     <div id="body">

        <div id="bodySearchParam">
 
        </div>

        <div id="bodyDisplaySearch">

            <asp:GridView ID="ReportGridView" runat="server" AllowPaging="True" 

                BorderStyle="Groove" BorderWidth="1px" 

                CellPadding="4" EmptyDataText="No records defined!!" ForeColor="#333333" 

                Height="374px" onpageindexchanging="ReportGridView_PageIndexChanging" 

                onrowcommand="ReportGridView_RowCommand" 

                onrowdatabound="ReportGridView_RowDataBound" PageSize="11" Width="790px" 

                AutoGenerateColumns="False" ShowHeaderWhenEmpty="True">

                <AlternatingRowStyle BackColor="White" ForeColor="#284775" />

                <Columns>

                    <asp:TemplateField HeaderText="Select">

                        <ItemTemplate> 

                                   <a href="#modalChild" name="modal"">View Report</a>

                        </ItemTemplate>

                        <ItemStyle HorizontalAlign="Left" Width="80px" />

                    </asp:TemplateField>

                    <asp:BoundField HeaderText="Session ID" DataField="session_id"

                        SortExpression="session_id" />

                    <asp:BoundField HeaderText="Account No" DataField="card_no"

                        SortExpression="acc_no" />

                <asp:BoundField HeaderText="Amount" DataField="amount" 

                        SortExpression="amount" />

                    <asp:BoundField HeaderText="Time Req." DataField="time_req" 

                        SortExpression="time_req" />

                    <asp:BoundField HeaderText="IP Address" DataField="name"

                        SortExpression="ip_add" />

                </Columns>

                <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />

                <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" 

                    Font-Names="Segoe UI" HorizontalAlign="Left" Height="30px" />

                <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />

                <RowStyle BackColor="#F7F6F3" ForeColor="#333333" HorizontalAlign="Left" 

                    Height="30px" />

                <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />

                <SortedAscendingCellStyle BackColor="#E9E7E2" />

                <SortedAscendingHeaderStyle BackColor="#506C8C" />

                <SortedDescendingCellStyle BackColor="#FFFDF8" />

                <SortedDescendingHeaderStyle BackColor="#6F8DAE" />

            </asp:GridView>

       </div>         

         <div id="modalForm">

             <div id="modalChild" class="window">

                  <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>

                 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                 <br />

                 <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>

                 <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

                 <br />

<asp:Button ID="Button1" runat="server" Text="Button" />

                <asp:Button ID="Button2" runat="server" Text="Button" />

              </asp:Panel> 
 
             </div>

             <div id="mask"></div>

        </div>

     <div id="footer"></div>

    </form>

</body>

</html>

Feb 4 '12 #1

Subscribe Reply

1375

by: DanC | last post by:

This is the situation. In the firts form a selection is done. After submit a second form is called. In that form there must be select from a list that is depending on the result of the first...

ASP / Active Server Pages

Return values from modal form to main page

by: Mark Goldin | last post by:

I have main aspx page with a button that will show a modal dialog in the Browser when a user clicks on the button. On the modal form the user will do some selections. The he will submit his...

ASP.NET

passing values from child form to an object in parent form.

by: frixx net via .NET 247 | last post by:

I want to know if anybody here knows how to pass values from a child form to an object in parent mdi form. -------------------------------- From: frixx net ----------------------- Posted by a...

Visual Basic .NET

passing values from one form to another

by: eight02645999 | last post by:

hi i have 3 python cgi scripts created, one is a login page(login.py), another is the main page(main.py) with a lot of user inputs and the last one is a python cgi script results.py to process...

Python

Passing Values From One Form To Another In Single Page...

by: prasathas | last post by:

HI GUYS... i displayed three forms in a single page .. one form with dropdown list box ...and in another form if i select the value in drop down list box and submit it then i want to show the...

.NET Framework

passing values between two form by using property or delegate?

by: vanc | last post by:

I read many articles about this problem, but I found out that to pass values between one created form and one is not yet is created is fairly simple, it can be done by assign value to public variable...

.NET Framework

Passing values to another form!

by: urcutesweety | last post by:

Hi, I have 2 frames(top n bottom) each has one web form. Now I want to show any error message that occur in the top frame to be displayed in the bottom frame. I dont want to be redirected to...

.NET Framework

Passing values to another form from a different form

by: deedeem | last post by:

I have a form with a subform called MMS Update. I have a button that brings up another form to add a new record. I then have a button on the add form to go back to the MMS Update form. I have tried...

Microsoft Access / VBA

passing values from child form to parent form in c#.net window forms

by: jiaudheen | last post by:

hi i have a multiline textbox and a button in parent form. in the child form i have text boxes,comboboxes,button. the thing is i click the button in the parent form ,the child form opens. i fill the...

.NET Framework

passing values to open form in vb.net

by: vidhyapriya | last post by:

Hi all I am developing windows application using vb.net.I want to pass values to open form.I am opening only one form when user click the buttons several times.Useing delegate i am passing...

.NET Framework

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

passing values between a form and modal form

Similar topics