Click here to Skip to main content
13,737,212 members
Rate this:
 
Please Sign up or sign in to vote.
I want to get this value using the linkbutton that was inside the gridview to display the modal

<pre><div id="id01" class="modal">
        <form class="modal-content animate">
      
            <div class="imgcontainer"></div>
            <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
            <div class="container"> 
               <p> This message was rejected by the recipient email system. Please check the recipient's email address and  try resending this message, or contact the recipient directly</p>
                <p> A problem occurred while delivering this message to this email address. Try sending this message again. If the problem continues, please contact your helpdesk.</p>
                <p> The domain name in the email address is incorrect. Check the address.</p>
                <p> Sorry, I couldn't find any host named like(Sample@email.com). Please check the email address and try again.</p>
                <p> The server has tried to deliver this message, without success, and has stopped trying. Please try sending this message again.<br /> If the problem continues, contact your helpdesk.</p>
                <button type="button" runat="server" onclick="document.getElementById('id01').style.display='none'" id="btncancel">Cancel</button>
                <br />
                <asp:Label runat="server" ID="lblError"></asp:Label>
            </div>
        </form>
    </div>



and here's the code of the gridview
<pre><form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4" OnRowCommand="GridView1_RowCommand" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
            <Columns>
                <asp:TemplateField HeaderText="Subject">
                    <ItemTemplate>
                       <<pre><asp:LinkButton ID="LinkButton1"  runat="server" CommandArgument="EmailDetails" CommandName="DisplayEmail" Text='<%# Eval("Subject") %>'></asp:LinkButton>
                    
                
                <%--<asp:BoundField DataField="Subject" HeaderText="Subject Email" />--%>
                <asp:BoundField DataField="Sender" HeaderText="Receiver" />
                <asp:BoundField DataField="DateCreated" HeaderText="Date and Time Sent" />
                <asp:BoundField DataField="DateReceive" HeaderText="Date and Time Received" />
                <asp:BoundField DataField="EmailHeader" HeaderText="Details" />
            
            <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
            <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />
            <RowStyle BackColor="White" ForeColor="#330099" />
            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
            <SortedAscendingCellStyle BackColor="#FEFCEB" />
            <SortedAscendingHeaderStyle BackColor="#AF0101" />
            <SortedDescendingCellStyle BackColor="#F6F0C0" />
            <SortedDescendingHeaderStyle BackColor="#7E0000" />
        
    <asp:Label runat="server" ID="lblSubject">


What I have tried:

but for now i have a a button to get that value
<button onclick="document.getElementById('id01').style.display='block'" runat="server">List Email Errors</button>

and here's the javascript code
<pre> <script>
    // Get the modal
    var modal = document.getElementById('id01');
    var modal = document.getElementById('id02');
    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
    if (event.target == modal) {
    modal.style.display = "none";
    }
    }
    </script>


can anyone explain or help me to display the
document.getElementById('id01')

at the backend of my code
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
       {
           if (e.CommandName == "DisplayEmail")
           {


           }

           }
Posted 17-Dec-17 2:42am
Updated 17-Dec-17 8:25am
v4

1 solution

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

If you mean how do you show and hide that div from server code then change the div to a Panel (a Panel is a server-side div)

<asp:Panel id="id01" CssClass="modal" runat="server">

...
</asp:Panel>


In your code you can now do

id01.Visible = true; // show
id01.Visible = false; //hide


Note that using a server tag might meant the ID changes on the client so it won't necessarily be id01, so if you wanted to access it via javascript you'll need to update the code

onclick="document.getElementById('<%=id01.ClientID%>').style.display='none'" 
  Permalink  
Comments
   
I think The above code is currect

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy | Cookies | Terms of Service
Web01-2016 | 2.8.180920.1 | Last Updated 17 Dec 2017
Copyright © CodeProject, 1999-2018
All Rights Reserved.
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100