Popup using Jquery with Ajax

<style type="text/css">

    #divPopUp {

        display: none;

        position: absolute;

        min-width: 350px;

        max-width: 700px;

        padding: 10px;

        background: #fff;

        color: #000000 !important;

        border: 1px solid #1a1a1a;

        font-size: 90%;

        min-width: 200px;

        word-wrap: break-word;

        word-break: break-all;

    }

</style>

$(function () 

    {

        var moveLeft = 20;

        var moveDown = 20;

        $(".className").hover(function (e) {

            if (($('#ContentDetails').html() != '')) {

                $('#divPopUp').show();

            }

        },

        function () {

            $('#divPopUp').hide();

        });

        $(".className").mouseleave(function (e) {

            $(#divPopUp').hide();

        });

        $(".className").mousemove(function (e) {

            $’"#divPopUp').css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft).appendTo('body');

        });

    });

<div id="divPopUp">

        <h2>Heading</h2>

        <div id="ContentDetails" runat="server"></div>

</div>

Calculate Years and Months Between Dates Using C# and Javascript

C# Code

public string CalculateTenure(DateTime Hday, DateTime Cday)

{

 int Years = 0; int Months = 0;

 if ((Cday.Year - Hday.Year) > 0 || (((Cday.Year - Hday.Year) == 0) && ((Hday.Month <              Cday.Month) || ((Hday.Month == Cday.Month) && (Hday.Day <= Cday.Day)))))

{

 int DaysInHdayMonth = DateTime.DaysInMonth(Hday.Year, Hday.Month);

 int DaysRemain = Cday.Day + (DaysInHdayMonth - Hday.Day);

 if (Cday.Month > Hday.Month)

  {

   Years = Cday.Year - Hday.Year;

   Months = Cday.Month - (Hday.Month + 1) + Math.Abs(DaysRemain / DaysInHdayMonth);

  }

  else if (Cday.Month == Hday.Month)

  {

   if (Cday.Day >= Hday.Day)

   {

    Years = Cday.Year - Hday.Year;

    Months = 0;

   }

   else

   {

    Years = (Cday.Year - 1) - Hday.Year;

    Months = 11;

   }

  }

  else

  {

   Years = (Cday.Year - 1) - Hday.Year;

   Months = Cday.Month + (11 - Hday.Month) + Math.Abs(DaysRemain / DaysInHdayMonth);

  }

 }

 return Years + " Year(s) " + Months + " Month(s)";

}

  

Javascript Code 

function CalculateTenure(Hday, Cday) {

       var Years = ''; var Months = '';

       var HdayDate = new Date(Hday);

       var CdayDate = new Date(Cday);

       var HdayDateYear = HdayDate.getFullYear();

       var HdayDateMonth = HdayDate.getMonth() + 1;

       var HdayDateDay = HdayDate.getDate();

       var CdayDateYear = CdayDate.getFullYear()

       var CdayDateMonth = CdayDate.getMonth() + 1;

       var CdayDateDay = CdayDate.getDate();

if ((CdayDateYear - HdayDateYear) > 0 || (((CdayDateYear - HdayDateYear) == 0) && ((HdayDateMonth < CdayDateMonth) || ((HdayDateMonth == CdayDateMonth) && (HdayDateDay <= CdayDateDay)))))

{

  var DaysInHdayMonth = new Date(HdayDateYear, HdayDateMonth, 0).getDate();

  var DaysRemain = CdayDateDay + (DaysInHdayMonth - HdayDateDay);

  if (CdayDateMonth > HdayDateMonth)

  {

   Years = CdayDateYear - HdayDateYear;

   Months = CdayDateMonth - (HdayDateMonth + 1) + Math.floor(DaysRemain / DaysInHdayMonth);

  }

  else if (CdayDateMonth == HdayDateMonth)

  {

   if (CdayDateDay >= HdayDateDay)

   {

    Years = CdayDateYear - HdayDateYear;

    Months = 0;

   }

   else

   {

    Years = (CdayDateYear - 1) - HdayDateYear;

    Months = 11;

   }

  }

  else

  {

   Years = (CdayDateYear - 1) - HdayDateYear;

   Months = CdayDateMonth + (11 - HdayDateMonth) + Math.floor(DaysRemain / DaysInHdayMonth);

  }

 }

 return Years + " Year(s) " + Months + " Month(s)";

}

Checkbox foreach using Id in Jquery

$('input:checkbox[id^="CheckboxId"]').each(function(){

    if(this.checked) {

      // Do Actions

   }

});

$("#GridviewId input:checkbox[id$='CheckboxId']").each(function(){

    if(this.checked) {

      // Do Actions

   }

});

How to break the continuous word using CSS

p.test {
    word-wrap: break-word;

    word-break: break-all;
}

How to apply Loader Image in C#

Add this div in your page:

<div id="loading" style="display:none;">

 <img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." />

</div>

Add this Style in your page:

<style>

#loading {

 width: 100%;

 height: 100%;

 top: 0px;

 left: 0px;

 position: fixed;

 display: block;

 opacity: 0.7;

 background-color: #fff;

 z-index: 99;

 text-align: center;

}

#loading-image {

 position: absolute;

 top: 100px;

 left: 240px;

 z-index: 100;

}

</style>

Add this line where you want to show loading image div & hide:

$('#loading').show();

$('#loading').hide();

C# Datetime Format Examples

DateTime _datetime = DateTime.Now;
String dateFormat="";

// 07/21/2007
dateFormat = _datetime.ToString("MM/dd/yyyy");
// Saturday, 21 July 2007
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy");
// Saturday, 21 July 2007 14:58
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy HH:mm");
// Saturday, 21 July 2007 03:00 PM
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy hh:mm tt");
// Saturday, 21 July 2007 5:01 
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy H:mm");
// Saturday, 21 July 2007 3:03 PM
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy h:mm tt");
// Saturday, 21 July 2007 15:04:10
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy HH:mm:ss");
// 07/21/2007 15:05
dateFormat = _datetime.ToString("MM/dd/yyyy HH:mm");
// 07/21/2007 03:06 PM
dateFormat = _datetime.ToString("MM/dd/yyyy hh:mm tt");
// 07/21/2007 15:07
dateFormat = _datetime.ToString("MM/dd/yyyy H:mm");
// 07/21/2007 3:07 PM
dateFormat = _datetime.ToString("MM/dd/yyyy h:mm tt");
// 07/21/2007 15:09:29
dateFormat = _datetime.ToString("MM/dd/yyyy HH:mm:ss");
// July 21
dateFormat = _datetime.ToString("MMMM dd");
// 2007-07-21T15:11:19.1250000+05:30
dateFormat = _datetime.ToString("yyyy'-'MM'-'dd'T'HH':'mm':'ss.fffffffK");
// Sat, 21 Jul 2007 15:12:16 GMT
dateFormat = _datetime.ToString("ddd, dd MMM yyyy HH':'mm':'ss 'GMT'");
// 2007-07-21T15:12:57
dateFormat = _datetime.ToString("yyyy'-'MM'-'dd'T'HH':'mm':'ss");
// 15:14
dateFormat = _datetime.ToString("HH:mm");
// 03:14 PM
dateFormat = _datetime.ToString("hh:mm tt");
// 5:15
dateFormat = _datetime.ToString("H:mm");
// 3:16 PM
dateFormat = _datetime.ToString("h:mm tt");
// 15:16:29
dateFormat = _datetime.ToString("HH:mm:ss");
// 2007-07-21 15:17:20Z
dateFormat = _datetime.ToString("yyyy'-'MM'-'dd HH':'mm':'ss'Z'");
// Saturday, 21 July 2007 15:17:58
dateFormat = _datetime.ToString("dddd, dd MMMM yyyy HH:mm:ss");
// 2007 July
dateFormat = _datetime.ToString("yyyy MMMM");