Thursday, February 5, 2015

SHOW ALERT POP UP REMAINDER SCHEDULAR USING MASTER PAGE.

File->New->WebSite




Master Page Design




Design

<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div>
            <table>
                <tr>
                    <td>Uday Blog Spot
                    </td>
                    <td>http://dotnetbyudayrajakonda.blogspot.in/
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
                    </td>
                </tr>
            </table>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            </asp:UpdatePanel>
            <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick"></asp:Timer>
        </div>
        <div class='popup' style="position: fixed; margin-right: 50px; width: 300px; height: 200px" id="divRemainder">

            </div>
    </form>
</body>


styles

  <style type="text/css">
        .popup{
               background-color: #F4F4F4;
    border: 7px solid #545353 !important;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
    display: none;
        }

        .content {
            min-width: 600px;
            width: 600px;
            min-height: 150px;
            margin: 100px auto;
            background: #f3f3f3;
            position: relative;
            z-index: 103;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 5px #000;
            margin-right: 42%;
        }
    </style>

java script function

  <script type="text/javascript">
        function myFunction() {
            var string = MasterPage2.RemainderDetails();
            $('#divRemainder').append(string.value);
            $('.popup').show();
            return false;
        }

    </script>


MasterPage.cs




 [Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
    public string RemainderDetails()
    {
        SqlConnection con = new SqlConnection("");
        SqlCommand cmd = new SqlCommand("", con);
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        DataSet ds = new DataSet();
        da.Fill(ds);
        DataTable _dataTable = ds.Tables[0];
        StringBuilder sb = new StringBuilder();
        int count = _dataTable.Rows.Count;
        if (count > 0)
        {
            sb.Append("<table width='100%' cellspacing='0' cellpadding='0' border='0'>");
            sb.Append("<thead  class='tableHeadBg'><tr>");
            sb.Append("</tr></thead>");
            sb.Append("<tbody class='tableTbodyBg'>");
            for (int i = 0; i < count; i++)
            {
                sb.Append("<tr>");
                sb.Append("<td width='10%' align='left'>");
                sb.Append(Convert.ToString(_dataTable.Rows[i]["Appointment"]));
                sb.Append("</td>");
                sb.Append("<td width='10%' align='left'>");
                sb.Append(Convert.ToString(_dataTable.Rows[i]["RemainderStartDate"]));
                sb.Append("</td>");
                sb.Append("</tr>");
            }
            sb.Append("</tbody></table>");
        }
        return sb.ToString();
    }


Add Content Page as Follows







Content Page




contentPage.cs(Need not write any code in Default Page as the code  need to be written in Master Page.

\
Output:



No comments:

Post a Comment

Thank you for visiting my blog

Kubernetes

Prerequisites We assume anyone who wants to understand Kubernetes should have an understating of how the Docker works, how the Docker images...