Get Root Path of the Application
#region Get Root Path
    /// <summary>
    /// // To get Root path of the Application.
    /// </summary>
    /// <CreatedBy>Harish Kumar Chandna</CreatedBy>
    /// <CreatedDate>02/AUGUST/2011</CreatedDate>
    /// <returns></returns>
    public static string GetRootPath()
    {

        string strRootPath = string.Empty;
        if (HttpContext.Current.Request.ApplicationPath != "/")
            strRootPath = HttpContext.Current.Request.ApplicationPath + "/";
        else
            strRootPath = HttpContext.Current.Request.ApplicationPath;
        return strRootPath;
    }
    #endregion
9:54 PM | Category: | 0 comments

Progress Bar in Web Application
Also create a image folder and relace some loding icon into it downloaded from google
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript">
        var url = 'http://logicalca.com/NZ/'; //the details page you want to display...
    </script>

    <style type="text/css">
        </style>
</head>
<body onload="location.href = url;" style="overflow: hidden; overflow-y: hidden">
    <div style="width: 980px; height: 800px; text-align: center">
        <img id="Img1" src="~/Images/loading.gif" runat="server" alt="loading" />
    </div>
</body>

<script type="text/javascript" language="javascript">
    if (document.layers) {
        document.write('<Layer src="' + url + '" visibility="hidden"></Layer>');
    }
    else if (document.all || document.getElementById) {
        document.write('<iframe src="' + url + '" style="visibility:hidden;"></iframe>');
    }
    else {
        location.href = url;
    }  
</script>
</html>
11:07 PM | Category: | 0 comments

JQuery Smooth Pop Up Window
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JQuery Pop up</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
    <script type="text/javascript" language="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').fadeTo("slow", 0.8);

                //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(2000);

            });

            //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>
    <style type="text/css">
        body
        {
            font-family: verdana;
            font-size: 15px;
        }
        a
        {
            color: #333;
            text-decoration: none;
        }
        a:hover
        {
            color: #ccc;
            text-decoration: none;
        }
        #mask
        {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 9000;
            background-color: #000;
            display: none;
        }
        #boxes .window
        {
            position: absolute;
            left: 0;
            top: 0;
            width: 440px;
            height: 200px;
            display: none;
            z-index: 9999;
            padding: 20px;
        }
        #boxes #dialog
        {
            width: 375px;
            height: 203px;
            padding: 10px;
            background-color: #ffffff;
        }
    </style>
</head>
<body>
    <ul>
        <li><a href="#dialog" name="modal">Open Pop Up</a></li>
    </ul>
    <div id="boxes">
        <div id="dialog" class="window">
            <div style="text-align: right; font-weight: bold;">
                <a href="#" class="close" />Close X</a>
            </div>
            Content Will goes here
        </div>
        <!-- Start of Login Dialog -->
        <!-- End of Login Dialog -->
        <!-- Start of Sticky Note -->
        <!-- End of Sticky Note -->
        <!-- Mask to cover the whole screen -->
        <div id="mask">
        </div>
    </div>
</body>
</html>
11:04 PM | Category: | 1 comments

Blogger Buzz: Blogger integrates with Amazon Associates
Blogger Buzz: Blogger integrates with Amazon Associates
9:41 PM | Category: | 0 comments

Ajax Auto Complete Extender
 //Style
<style type="text/css">
        .AutoExtender
        {
            font-family: Verdana, Helvetica, sans-serif;
            font-size: 1.0em;
            font-weight: normal;
            border: solid 1px #95BF4E;
            line-height: 20px;
            padding: 10px;
            background-color: White;
            margin-left: 7px;
            z-index: 100000;
            overflow-y: scroll;
        }
        .AutoExtenderList
        {
            border-bottom: dotted 1px #95BF4E;
            cursor: pointer;
            color: Maroon;
        }
        .AutoExtenderHighlight
        {
            color: White;
            background-color: #95BF4E;
            cursor: pointer;
        }
        #divwidth
        {
            width: 160px !important;
            height: 170px;
        }
        #divwidth div
        {
            width: 150px !important;
        }
        .watermarkfoodname
        {
            background-color: #F0F8FF;
            color: #808080;
        }
    </style>


//Code on aspx page



<div id="divwidth">
                                                                </div>
                                                                <asp:TextBox ID="txtAddMyFoodName" runat="server" Width="140px" Height="22px" onkeyup="clearUnit();"
                                                                    onblur="showUnit()"></asp:TextBox>
                                                                <%--<input type="hidden" runat="server" id="hdnProductId" />--%>
                                                                <ajaxToolkit:AutoCompleteExtender BehaviorID="bhvrSearch" runat="server" ID="AutoCompleteExtender1"
                                                                    TargetControlID="txtAddMyFoodName" ServiceMethod="GetFoodompletionList" UseContextKey="true"
                                                                    MinimumPrefixLength="1" CompletionInterval="1" ContextKey="0" EnableCaching="true"
                                                                    CompletionListElementID="divwidth" CompletionListCssClass="AutoExtender" CompletionListItemCssClass="AutoExtenderList"
                                                                    CompletionListHighlightedItemCssClass="AutoExtenderHighlight" OnClientItemSelected="FillCurrentStock" />
                                                                <ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server" TargetControlID="txtAddMyFoodName"
                                                                    WatermarkText="Type Food Name Here" WatermarkCssClass="watermarkfoodname" />


//Code on Code behind File


#region GetCodeCompletionList
    /// <summary>
    /// This function is calling by product list control
    /// </summary>
    /// <creted by>Harish Kumar Chandna</creted by>
    /// <creation date>17 AUGUST 2011</creation date>
    /// <param name="prefixText"></param>
    /// <param name="count"></param>
    /// <param name="contextKey"></param>
    /// <returns></returns>
    [System.Web.Services.WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    public static string[] GetFoodompletionList(string prefixText, int count, string contextKey)
    {
        try
        {
            List<String> suggestions = new List<string>();
            DataSet ds = new DataSet();
            //Fetch the products
            DPService.DiabetesPilotServiceClient objService = new DPService.DiabetesPilotServiceClient();
            ds = objService.FoodSearch(prefixText, 0);
            //Traverse the entire products in list
            foreach (DataRow drow in ds.Tables[0].Rows)
            {
                string html = drow["Food_Name"].ToString();
                string item = AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem(drow["Food_Name"].ToString(), html);
                suggestions.Add(item);
            }
            return suggestions.ToArray();
        }
        catch (Exception ex)
        {
            throw ex;
        }

    }
    #endregion
5:07 AM | Category: | 1 comments