html

 <script type="text/javascript">
          $(function () {

              $(function () {
                  $("#txtDob").datepicker({
                      changeYear: true,
                      dateFormat: "dd/mm/yy",
                  });
                  //.on('change', function () {
                  //alert(this.value);
                  //$("#txtTDate").datepicker({
                  //    changeYear: true,
                  //    dateFormat: "yy/mm/dd",
                  //    beforeShowDay: "2013-03-16"
                  //});


                  // });

              

              });
          });
        function Delete(obj) {
            if (confirm('Are you sure to delete this record ?')) {
                var t = $('#example').DataTable();
                var s = obj.parentElement.parentElement.rowIndex;
                var GridView = document.getElementById('example');
                var ID = GridView.rows[s].cells[1].innerHTML;
                var i = 0;
                $.ajax({
                    type: "POST",
                    url: '../Handler/hlrWorkerDetail.ashx',
                    data: { 'ID': ID, 'Mode': 'DeleteWorker' },
                    success: function (msg) {
                        if (msg == '') {
                            t.row(s - 1).remove().draw();

                            document.getElementById("lbl_Msg").innerHTML = "Record Deleted Successfully....";
                        }
                        else
                            document.getElementById("lbl_Msg").innerHTML = msg;
                    }

                });
                return false;
            }
            return false;
        }
        function funEdit(obj) {
            var s = obj.parentElement.parentElement.rowIndex;
            rowid = s;
            var GridView = document.getElementById('example');
            $("#txtID").val(GridView.rows[s].cells[1].innerHTML);
            $("#txtName").val(GridView.rows[s].cells[2].innerHTML);
            $("#txtDob").val(GridView.rows[s].cells[3].innerHTML);
            $("#txtMobileno").val(GridView.rows[s].cells[4].innerHTML);
            $("#txtAddress1").val(GridView.rows[s].cells[5].innerHTML);
            $("#txtAddress2").val(GridView.rows[s].cells[6].getElementsByTagName('span')[0].innerHTML);
            $("#txtEmail").val(GridView.rows[s].cells[6].getElementsByTagName('span')[1].innerHTML);
            $("#txtRefrence1").val(GridView.rows[s].cells[6].getElementsByTagName('span')[2].innerHTML);
            $("#txtRefrence2").val(GridView.rows[s].cells[6].getElementsByTagName('span')[3].innerHTML);
            $("#ddlWorkerType").val(GridView.rows[s].cells[6].getElementsByTagName('span')[12].innerHTML);
            $("#txtIdentifiction").val(GridView.rows[s].cells[6].getElementsByTagName('span')[4].innerHTML);
            $("#ddlExperience").val(GridView.rows[s].cells[6].getElementsByTagName('span')[7].innerHTML);
            $("#txtRemark").val(GridView.rows[s].cells[6].getElementsByTagName('span')[10].innerHTML);
            $("#lbl_Msg").text("");
            return false;
        }
        function funClearField() {
            var GridView = document.getElementById('example');
            $("#txtID").val("");
            $("#txtName").val("");
            $("#txtDob").val("");
            $("#txtMobileno").val("");
            $("#txtAddress1").val("");
            $("#txtAddress2").val("");
            $("#txtEmail").val("");
            $("#txtRefrence1").val("");
            $("#txtRefrence2").val("");
            $("#txtIdentifiction").val("");
            $("#UplTrainning").val("");
            $("#fileImg").val("");
            $("#ddlExperience").val("");
            $("#fileIdproof").val("");
            $("#filePdoc").val("");
            $("#txtRemark").val("");

            rowid = "";
            return false;
        }
        function UploadImg(Handle) {
             var upF1 = $("#filePdoc").get(0);
             var upl1 = upF1.files;
             var upF2 = $("#fileIdproof").get(0);
             var upl2 = upF2.files;
             var upF3 = $("#fileImg").get(0);
             var upl3 = upF3.files;
             var upF4 = $("#UplTrainning").get(0);
             var upl4 = upF4.files;
              var fromdata = new FormData();
              if (CUNS(upl1[0]))
                  fromdata.append(upl1.name, upl1[0]);
              if (CUNS(upl2[0]))
                  fromdata.append(upl2.name, upl2[0]);
              if (CUNS(upl3[0]))
                  fromdata.append(upl3.name, upl3[0]);
              if (CUNS(upl4[0]))
                  fromdata.append(upl4.name, upl4[0]);
              var choice = {};
              choice.url = "../Handler/hlrSaveMultiImage.ashx";
              choice.type = "POST";
              choice.data = fromdata;
              choice.contentType = false;
              choice.processData = false;
              choice.success = function (result) {
                  Handle(result);
              };

              choice.error = function (err) { alert(err.statusText); };

              $.ajax(choice);

              //event.preventDefault();
          }

          $(document).ready(function () {
              $('#chkYes').click(function () {
                  $(this).is(':checked') ? $('#chkDiv').show() : $('#chkDiv').hide();
              });
              $('#btnclear').click(function () {
                  funClearField();
                  $("#lbl_Msg").text("");
              });
              $('#example').dataTable({
                  "scrollY": "250px",
                  "iDisplayLength": 25,
                  "aoColumnDefs": [
                      { 'bSortable': false, 'aTargets': [0] }, { 'bSortable': false, 'aTargets': [6] }
                  ], order: []

              });
              //alert("ok");
              // $('#example').dataTable().row.odd {background-color:  red; }   /* tr. not tr: */
              //  table.dataTable tr.even { background-color: green;}
              var rowid = "";
              ddlWorkerType = $("#ddlWorkerType");
              ddlAdmin = $("#ddlAdmin");
              FillWorker();
              FillAdminName();
           //   FillGrid();
          
              $("#btnSave").click(function () {
                   alert("ok");
                 
                      //   alert($("#fileIdproof").val());
                      // alert("OK");
                      var ID = document.getElementById('txtID').value;
                      //ok
                      // alert(document.getElementById("ddlArea").value);
                      if (CNEmp($("#txtName").val())) {
                          $("#lbl_Msg").text("Please fill   Name...!");
                          return false;
                      } if (CNEmp($("#txtDob").val())) {
                          $("#lbl_Msg").text("Please fill  Date Of Birth No...!");
                          return false;
                      } if (CNEmp($("#txtMobileno").val())) {
                          $("#lbl_Msg").text("Please fill  Mobile No...!");
                          return false;
                      } if (CNEmp($("#txtAddress1").val())) {
                          $("#lbl_Msg").text("Please fill  Address1...!");
                          return false;

                      } //if (CNEmp($("#txtAddress2").val())) {
                        //  $("#lbl_Msg").text("Please fill  Address2...!");
                        //  return false;

                  // }
                      if (CNEmp($("#txtEmail").val())) {
                          $("#lbl_Msg").text("Please fill  EmailID...!");
                         return false;
                     }// if (CNEmp($("#txtRefrence1").val())) {
                      //    $("#lbl_Msg").text("Please fill  Refrence1...!");
                     //     return false;
                     // }// if (CNEmp($("#txtRefrence2").val())) {
                       //   $("#lbl_Msg").text("Please fill  Refrence2...!");
                       //   return false;
                    //  }
                      //if (CNEmp($("#txtIdentifiction").val())) {
                       //   $("#lbl_Msg").text("Please fill  Identification...!");
                       //   return false;
                    //  }
                      //if (CNEmp($("#UplTrainning").val())) {
                       //   $("#lbl_Msg").text("Please Upload Trainnig ceritificate...!");
                       //   return false;
                     // } if (CNEmp($("#fileImg").val())) {
                     //     $("#lbl_Msg").text("Please fill  Upload Image...!");
                     //     return false;
                    //  } //if (document.getElementById("ddlExperience").value == "0") {
                        //  $("#lbl_Msg").text("Please select Experience..!");
                         // return false;
                     // } //if (CNEmp($("#fileIdproof").val())) {
                        //  $("#lbl_Msg").text("Please Upload ID Proof Document...!");
                        //  return false;
                      //} //if (CNEmp($("#filePdoc").val())) {
                        //  $("#lbl_Msg").text("Please Upload Police Verification Document...!");
                        //  return false;
                  //}
                     
                      if (CNEmp($("#txtRemark").val())) {
                          $("#lbl_Msg").text("Please fill  Remark...!");
                          return false;
                      }
                      if (ID == "") {
                          ID = '0';
                      }
                      UploadImg(function (Datas) {
                      $.ajax({

                          type: "POST",
                          url: '../Handler/hlrWorkerDetail.ashx',
                          data: { 'ID': ID, 'Name': $("#txtName").val(), 'DOB': $("#txtDob").val(), 'Mobileno': $("#txtMobileno").val(), 'Address1': $("#txtAddress1").val(), 'Address2': $("#txtAddress2").val(), 'EmailID': $("#txtEmail").val(), 'Refrence1': $("#txtRefrence1").val(), 'Refrence2': $("#txtRefrence2").val(), 'IdentificationMark': $("#txtIdentifiction").val(), 'TrainningDocument': $("#UplTrainning").val(), 'Image': $("#fileImg").val(), 'Experience': $("#ddlExperience").val(), 'IDproof': $("#fileIdproof").val(), 'PolVerificationDoc': $("#filePdoc").val(), 'Remark': $("#txtRemark").val(), 'AdminID': $("#ddlAdmin").val(), 'WType': $("#ddlWorkerType").val(), 'Mode': 'SaveDetail' },
                          dataType: "json",
                          success: function (msg) {
                            //  alert("ok");

                              BindGrid(msg, ID);
                              document.getElementById("lbl_Msg").innerHTML = "Record Saved Successfully....";


                          },
                          error: function () {
                          }
                      });
                  });
                  return false;

              });
              ddlAdmin.change(function () {
                  FillGrid();
              });

          });
          function FillWorker() {
              // alert("ok");
            
              $.ajax({
                  type: "POST",
                  url: '../Handler/hlrMWork.ashx',
                  data: { 'Mode': 'ReadALLArea' },
                  dataType: "json",
                  error: function (data, textStatus) {
                  },
                  success: function (data) {
                      ddlWorkerType.empty();
                      ddlWorkerType.append("<option value='0'>Select</option>");
                      $.each(data, function (i, item) {
                          ddlWorkerType.append('<option  value="' + item.ID + '"> ' + item.WorkType + '</option>');
                      });

                  },
                  complete: function () {
                       //alert("Success");
                  }
              });
              return false;
          }
          function FillAdminName() {
              var t = $('#example').DataTable();
              $.ajax({
                  type: "POST",
                  url: '../Handler/hlrMAdmin.ashx',
                  data: { 'Mode': 'ReadALLAdmin' },
                  dataType: "json",
                  error: function (data, textStatus) {
                  },
                  success: function (data) {


                      ddlAdmin.empty();
                      ddlAdmin.append("<option value='0'>Select</option>");
                      $.each(data, function (i, item) {
                          ddlAdmin.append('<option  value="' + item.ID + '"> ' + item.AdminName + '</option>');
                      });
                    //  if (getCookie("SuperAdmin") == "SuperAdmin" || getCookie("SuperAdmin") == "Admin") {
                      if (getCookie("SuperAdmin") == "SuperAdmin")
                          document.getElementById("ddlAdmin").disabled = false;
                      else
                      {
                          var a = getCookie("SAdmin");
                          document.getElementById("ddlAdmin").value = a;
                          FillGrid();
                      }
                    //  }
                     // else {
                        //s
                       
                          //        {
                          //            $.each(data, function (i, item) {
                          //                // alert("ok");
                          //                t.row.add([
                          //                 "<input  src='../images/icons/Edit.gif' onclick='return funEdit(this);' type='image'>",
                          //                  item.ID,
                          //                   item.AdminName, item.EmailID,
                          //                   item.MobileNo, item.AdminID,
                          //                 "<input src='../images/icons/Remove.gif' onclick='return Delete(this);' type='image'><span style='display:none;'>" + item.Address + "</span><span style='display:none;'>" + item.Password
                          //                + "</span>"
                          //                ]).draw();
                          //            });
                          //        });
                          //    }
                          //},
                          //complete: function () {
                          //    // alert("Success");
                    //  }
                  }
              });
              return false;
          }
          function CNEmp(textVal) {
              if (textVal == null || textVal == "")
                  return true;
              return false;
          }
          function CUNS(textVal) {
              if (textVal != null && textVal != "" && textVal != 'undefined')
                  return true;
              return false;
          }
          function BindGrid(DataG, ID) {

              if (ID != "0" && ID != null) {
                  if (rowid == "")
                      return false;
                  var GridView = document.getElementById('example');
                  GridView.rows[rowid].cells[1].innerHTML = document.getElementById("txtID").value;
                  GridView.rows[rowid].cells[2].innerHTML = $("#txtName").val();
                  GridView.rows[rowid].cells[3].innerHTML = $("#txtDob").val();
                  GridView.rows[rowid].cells[4].innerHTML = $("#txtMobileno").val();
                  GridView.rows[rowid].cells[5].innerHTML = $("#txtAddress1").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[0].innerHTML = $("#txtAddress2").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[1].innerHTML = $("#txtEmail").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[2].innerHTML = $("#txtRefrence1").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[3].innerHTML = $("#txtRefrence2").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[4].innerHTML = $("#txtIdentifiction").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[5].innerHTML = $("#UplTrainning").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[6].innerHTML = $("#fileImg").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[7].innerHTML = $("#ddlExperience").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[8].innerHTML = $("#fileIdproof").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[9].innerHTML = $("#filePdoc").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[10].innerHTML = $("#txtRemark").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[11].innerHTML = $("#ddlAdmin").val();
                  GridView.rows[rowid].cells[6].getElementsByTagName('span')[12].innerHTML = $("#ddlWorkerType").val();
           rowid = "";
              }
              else {
                  var t = $('#example').DataTable();
                  $.each(DataG, function (i, item) {
                      t.row.add([
                       "<input  src='../images/icons/Edit.gif' onclick='return funEdit(this);' type='image'>",
                            item.ID,
                            item.Name,
                            item.DOB,
                            item.Mobileno,
                            item.Address1,
                            "<input src='../images/icons/Remove.gif' onclick='return Delete(this);' type='image'><span style='display:none;'>"
                           + item.Address2 + "</span><span style='display:none;'>"
                           + item.EmailID + "</span><span style='display:none;'>"
                           + item.Refrence1 + "</span><span style='display:none;'>"
                           + item.Refrence2 + "</span><span style='display:none;'>"
                           + item.IdentificationMark + "</span><span style='display:none;'>"
                           + item.TrainningDocument + "</span><span style='display:none;'>"
                           + item.Image + "</span><span style='display:none;'>"
                           + item.Experience + "</span><span style='display:none;'>"
                           + item.IDproof + "</span><span style='display:none;'>"
                           + item.PolVerificationDoc + "</span><span style='display:none;'>"
                           + item.Remark + "</span><span style='display:none;'>"
                           + item.AdminID+ "</span><span style='display:none;'>"
                          + item.WType + "</span>"
                      ]).draw();
                  });

              }
              funClearField();

          }
          function FillGrid() {
              //alert(
              var t = $('#example').DataTable();
              t.clear().draw();
              $.ajax({
                  type: "POST",
                  url: '../Handler/hlrWorkerDetail.ashx',
                  data: {'ID':document.getElementById("ddlAdmin").value, 'Mode': 'ReadALLDataByAdmin' },
                  dataType: "json",
                  success: function (data) {

                      //for (i = 0; i < data.length; i++) {
                      //    alert(data[i].AreaCode);
                      //}
                      $.each(data, function (i, item) {
                          // alert("ok");
                          t.row.add([
                           "<input  src='../images/icons/Edit.gif' onclick='return funEdit(this);' type='image'>",
                             item.ID,
                             item.Name,
                             item.DOB,
                             item.Mobileno,
                             item.Address1,


                           "<input src='../images/icons/Remove.gif' onclick='return Delete(this);' type='image'><span style='display:none;'>"
                           + item.Address2 + "</span><span style='display:none;'>"
                           + item.EmailID + "</span><span style='display:none;'>"
                           + item.Refrence1 + "</span><span style='display:none;'>"
                           + item.Refrence2 + "</span><span style='display:none;'>"
                           + item.IdentificationMark + "</span><span style='display:none;'>"
                           + item.TrainningDocument + "</span><span style='display:none;'>"
                           + item.Image + "</span><span style='display:none;'>"
                           + item.Experience + "</span><span style='display:none;'>"
                           + item.IDproof + "</span><span style='display:none;'>"
                           + item.PolVerificationDoc + "</span><span style='display:none;'>"
                             + item.Remark + "</span><span style='display:none;'>"
                           + item.AdminID + "</span><span style='display:none;'>"
                          + item.WType + "</span>"
                          ]).draw();
                      });
                  },
                  complete: function () {
                  }
              });
              return false;
          }

    </script>
    <%-- <form id="form1" runat="server">--%>
    <div class="span9">
          <div class="col-mdN-12 offerr" >
              Worker Detail
        </div>
        <div class="content">
            <div class="module">
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">ID</label>
                            <input type="text" id="txtID" readonly="true" class="input-large" placeholder="ID">
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Date of Birth</label>
                            <input type="text" id="txtDob" style="width: 77%;"  class="input-large" maxlength="10" placeholder="DD/MM/YY">
                        </div>
                    </div>
                </div>
                 <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">AdminName</label>
                            <select id="ddlAdmin" disabled="disabled" class="Text_loginNew"></select>
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Worker Type</label>
                            <select id="ddlWorkerType" style="width: 81%;" class="Text_loginNew"></select>
                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Name  </label>
                            <input type="text" id="txtName" class="input-large" maxlength="30" placeholder="Enter Name">
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Mobile No. </label>
                            <input type="text" id="txtMobileno" onkeypress="return blockNonNumbers(this, event, false, true);"  maxlength="25" class="input-large" style="width: 77%;" placeholder="Enter Mobile No.">
                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Address Line 1 </label>
                            <input type="text" id="txtAddress1" class="input-large" maxlength="30"  placeholder="Enter Current Address">
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Address Line 2 </label>
                            <input type="text" id="txtAddress2" class="input-large" maxlength="30" style="width: 77%;" placeholder="Enter Old Address">
                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Email</label>
                            <input type="text" id="txtEmail" class="input-large" maxlength="30" placeholder="Enter Email Address" >
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Identification Mark </label>
                            <input type="text" id="txtIdentifiction" class="input-large" maxlength="30" style="width: 77%;" placeholder="Enter Identification Mark ">
                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Refrence1</label>
                            <input type="text" id="txtRefrence1" class="input-large" maxlength="30" placeholder="Enter Email Address">
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Refrence2</label>
                            <input type="text" id="txtRefrence2" class="input-large" maxlength="30" style="width: 77%;" placeholder="Enter Identification Mark ">
                        </div>
                    </div>
                </div>

                  <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Image Upload  </label>
                            <input type="file" id="fileImg" class="input-large" placeholder="Enter Current Address">
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">Experience</label>
                            <select id="ddlExperience"  style="width: 81%;" class="Text_loginNew">
                                <option tabindex="0" value="0">Select</option>
                                <option tabindex="1" value="1">Frasher</option>
                                <option tabindex="2" value="2">6 Month</option>
                                <option tabindex="3" value="3">1 Year</option>
                                <option tabindex="4" value="4">2 Year</option>
                                <option tabindex="5" value="5">3 Year</option>
                                <option tabindex="6" value="6">4 Year</option>
                                <option tabindex="7" value="7">5 Year</option>
                                <option tabindex="8" value="8">6 Year</option>
                            </select>

                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Adhar Card /ID Proof  </label>
                            <input type="file" id="fileIdproof" class="input-large" placeholder="Enter Current Address">
                        </div>
                    </div>
                    <div class="col-mdN-5">
                        <div class="form-group">
                            <label class="control-label">police verification Document</label>
                            <input type="file" id="filePdoc" class="input-large" placeholder="Upload Fiile">
                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <label class="control-label">Remark</label>
                            <textarea name="msg" id="txtRemark" cols="5" maxlength="50" placeholder="Remark Write !!!!!"></textarea>
                        </div>
                    </div>




                    <div class="col-mdN-5">
                        <div class="form-group">
                            Trainning If Any  <input id="chkYes" type="checkbox" />  Yes
                            <br />
                            <div id="chkDiv" style="display: none" class="col-mdN-5">
           
                            <input type="file" id="UplTrainning" class="input-large" placeholder="Enter Trainning Certificate">
                   
                    </div>
                        </div>
                    </div>
                </div>
                <div class="col-mdN-12">
                    <div class="col-mdN-12">
                        <div class="form-group">
                            <input type="button" id="btnSave" class="btn default" value="Submit" />
                            &nbsp;
                        <input type="button" id="btnclear" class="btn default" value="Cancel" />
                            &nbsp; <span id="lbl_Msg" style="color: red"></span>

                        </div>
                    </div>
                    <div class="col-mdN-6">
                        <div class="form-group">
                            <br />



                        </div>
                    </div>
                </div>
                <div style="clear: both"></div>
            </div>
            <div class="module">
                <table cellpadding="0" id="example" cellspacing="0" border="0" class="display"
                    width="100%">
                    <thead>
                        <tr>
                            <th style='width: 30px;' align='left'>&nbsp;</th>
                            <th align='left'>ID
                            </th>
                            <th align='left'>Name
                            </th>
                            <th align='left'>DOB
                            </th>
                            <th align='left'>Mobile No
                            </th>

                            <th align='left'>Address1
                            </th>
                            <th style='width: 30px;' align='left'>&nbsp;</th>

                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
                <%-- </div>--%>
            </div>
        </div>
    </div>

</asp:Content>