Click here to Skip to main content
15,881,092 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I want to get this value using the linkbutton that was inside the gridview to display the modal

ASP.NET
<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
ASP.NET
<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
HTML
<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
C#
protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
       {
           if (e.CommandName == "DisplayEmail")
           {


           }

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

1 solution

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'" 
 
Share this answer
 
Comments
Laxmidhar tatwa technologies 18-Dec-17 9:29am    
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)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900