Current File : //home/obabain/khb_obaba_in/sites.jsp
         
<%@include file="master.jsp" %>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <%@ include file="Connection.jsp" %>

<%Statement st=con.createStatement();
%>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="css/select2.min.css" rel="stylesheet">
    <link href="css/jquery.datetimepicker.css" rel="stylesheet">
    <style type="text/css">
.highlight-error {
  border-color: red;
}
 .template { display: none; }
</style>
<body>
<div class="row">
<form action="addsupplierNew.jsp" method="post" id="contact" name="form1">
<section id="main">
<div class="comtent">
 <div class="row" style="width:100%">
    <div class="col-md-9" >
       <div class="panel panel-default" >
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title"> SITES INDIVIDUAL ALLOTMENT DETAILS</h3>
        </div>
     <div class="panel-body"  >
      <div align="right" >

 </div>
  <!--   <h3>Registration Information:</h3> -->
      <div class="row" >
      <div class="form-group col-xs-2">
              
            <div class="onerow">
       
               <p> <label for="firstname" style="margin:5px;" >Date</label></p>
                <input type="date"  class="form-control"   name="date"  >
            </div></div>
            <div class="form-group col-xs-2">
              
            <div class="onerow">
       
               <p> <label for="firstname" style="margin:5px;" >Category</label></p>
                 <select class="select1 form-control"  name="">
         <option >Sites</option>
         <option >Houses</option>   
            
          </select>  
            </div></div>
              
            <div class="form-group col-xs-2">
               <p> <label for="lastname" style="margin:5px;"> Sub Category</label></p>
                 <select class="select1 form-control"  name="">
         <option >Intermediate</option>
         <option >Corner</option> 
           <option >DQ</option>
         <option >Stray</option>   
            
          </select>  
            </div>
       
   
       
        <div class="form-group col-xs-2">
               <p> <label for="firstname" style="margin:5px;" >Common&nbsp;for&nbsp;all&nbsp;sub&nbsp;caterory</label></p>
                 <select class="select1 form-control"  name="">
         <option >EWS</option>
         <option >LIG</option> 
           <option >MIG</option>
         <option >HIG-I</option>   
          <option >HIG-II</option>   
            
          </select>  
            </div>
         <br><br>
             <br><br> <br><br>
             <br><br> 
   <div style="overflow-x:auto;">
            
            <table id=""  style="width:85%;"  class="table table-striped table-bordered">
       <caption><span style="color:green;text-align: center;"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<u>Dimensions In
Metres</u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<u>BOUNDARY</u></b></span></caption>
          <thead><tr class="success">
    <th style="text-align:center">Property&nbsp;No</th>
  <th style="text-align:center">Category</th>
  <th style="text-align:center">Name&nbsp;of&nbsp;the&nbsp;Allottee</th>
  <th style="text-align:center">Odd/Regular</th>
  <th style="text-align:center">North&nbsp;to&nbsp;South</th>
<th style="text-align:center">East&nbsp;to&nbsp;West</th> 

<th style="text-align:center">Plot&nbsp;Are&nbsp; in&nbsp;Sq&nbsp;mt</th> 
     <th style="text-align:center">North&nbsp;&nbsp;</th>
  <th style="text-align:center">South&nbsp;&nbsp;</th>
  <th style="text-align:center">East&nbsp;&nbsp;</th>
<th style="text-align:center">West&nbsp;&nbsp;</th>

 <th style="text-align:center">Sale&nbsp;deed&nbsp;issued&nbsp;date</th>
 <th style="text-align:center">PC&nbsp;issued&nbsp;date</th>
      
       
   
    </tr>
    </thead>
   
              <tbody>
              
            <tr>
   <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>
    
    <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>
    <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>
    
   
       
    <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>  
     <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>  
     <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>  
     <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>  
     <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>  
     <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td> <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>  
     <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td> <td>
    
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td>
      <td>
      <input type="text" maxLength="10" class="form-control"   name="value1"  >
    </td> <td>  
    
<!--     <td class="choice" style="text-align:center; "> -->
<%-- <%=rs.getString("s_min") %>    --%>
<!--  </td>   -->
<!--     <td class="choice" style="text-align:center; "> -->
<%-- <%=rs.getString("s_max") %>     --%>
<!-- </td>  -->
 
 <!-- <td class="choice" style="text-align:center;">
     
 </td>  
  <td class="c"style="text-align:center;">
    <i class="fa fa-edit" style="font-size:24px"></i></a>
 </td>  
    <td class="c"style="text-align:center;">
  
 </td>  -->
       
             
    
            </tr>
          
            </tbody>
                 
            
            </table>
   </div>

 
          <!-- <div class="form-group col-xs-2">
               <p> <label for="lastname" style="margin:5px;"> Customer group</label></p>
           
                       
<select   name="customer"  class="form-control" class="form-control input-group-lg reg_name"  style="width:150px;margin:5px;">

</select>
            </div>  -->
                
            
        </div>

         
        
        
      
       

      
      
      
      <div class="modal-footer" id="contact_submit">
       <input type="button" value="Back" style="background:#204b58;margin-right:720px" class="btn btn-info pull-left" onclick="goBack()"/>
        <a class="btn btn-default" href="supplier.jsp">Reset</a>
        <button type="submit" style="background:#204b58" class="btn btn-info" onclick="validatename()">Save Changes</button>
      </div>
 
    </div>
  </div>
</div>
</div>
</div>
</section>
<%-- <% }else{ 
     response.sendRedirect("login.jsp");
    } %> --%>
 <script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>
     <script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>  
   
 <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
 $('[data-type="adhaar-number"]').keyup(function() {
  var value = $(this).val();
  value = value.replace(/\D/g, "").split(/(?:([\d]{4}))/g).filter(s=s.length > 0).join("-");
  $(this).val(value);
});

$('[data-type="adhaar-number"]').on("change, blur", function() {
  var value = $(this).val();
  var maxLength = $(this).attr("maxLength");
  if (value.length != maxLength) {
    $(this).addClass("highlight-error");
    alert("Aadhar card number not valid");
  } else {
    $(this).removeClass("highlight-error");
  }
});</script>
</form>
</div>
<script type="text/javascript">
function goBack() {
    window.history.back();
   
};
</script>
<script>


function validate()
{
  var phoneNumber = document.getElementById('phone-number').value;
  var phoneRGEX = /^\d{10}$/;
  var phoneResult = phoneRGEX.test(phoneNumber);
  if(phoneResult==false)
	  {
	  alert('Enter valid phone number');
  /* var msg=document.getElementById('validphn');
  msg.text="Enter a valid phone number" */
	  }
  //alert("phone:"+phoneResult );
}
</script>
<script>


function validemail()
{
	var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
	var email = document.getElementById("emailid");

	if (regexEmail.test(email.value)) {
		
	    
	} else {
		alert('Enter valid email id');
		/* var msg=document.getElementById('validemail');
		  msg.text="Enter a valid email id"
 */
	}
}
</script>
<script>
function validpin()
{

	var regexp1=new RegExp("[^0-9]");
	if(regexp1.test(document.getElementById("pin").value))
	{
		alert('only numbers are allowed');
		/* var msg=document.getElementById('validpin');
		  msg.text="only numbers are allowed"
	return false; */
	}
	
}
</script>
<script>
function validpin2()
{

	var regexp1=new RegExp("[^0-9]");
	if(regexp1.test(document.getElementById("pin2").value))
	{
		alert('only numbers are allowed');
		/* var msg=document.getElementById('validpin2');
		  msg.text="only numbers are allowed"
	return false; */
	}
	
}
</script>
<script>


function validPAN()
{
	var panVal = document.getElementById("pannumber").value;
	 var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;
	if(regpan.test(panVal)){
	   // valid pan card number
	}else {
	alert('invalid pan card number');

	}

}
</script>
<script>


function validGST()
{
	var gstVal = document.getElementById("gst").value;
	 var reggst = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;
	if(reggst.test(gstVal)){
	   // valid pan card number
	}else {
	alert('invalid GST number');

	}

}
</script>
<script>
//name
function validatename(){
var cname=document.getElementById("sname").value;
if(cname=='' || cname==null || cname=="")
	{
	alert('Please enter Supplier Name ');
	}
	}
		
</script>
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script> 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  
<script>
$(function() {
    initThings();

    $('#add').on('click', function() { add_row($('#table1')); });
});


function add_row($table) {
    var tr_id = $table.find('tr').length - 1;
    var $template = $table.find('tr.template');
    var $tr = $template.clone().removeClass('template').prop('id', tr_id);

    $tr.find(':input').each(function() {
        if($(this).hasClass('hasDatepicker')) {
            $(this).removeClass('hasDatepicker').removeData('datepicker');
        }

        var input_id = $(this).prop('id');
        input_id = input_id + tr_id;
        $(this).prop('id', input_id);

        var new_name = $(this).prop('name');
        new_name = new_name.replace('[0]', '['+ tr_id +']');
        $(this).prop('name', new_name);

        $(this).prop('value', '');
    });
    $table.find('tbody').append($tr);
    $('.byto:last').val(1);

    $(".dateControl", $tr).datepicker({
        dateFormat: "dd-mm-yy"
    });

    $(".selectType", $tr).select2();
    $(".qty", $tr).select2();
    $(".selectType:last").val(0).trigger("change");
    $(".qty:last").val(0).trigger("change");
}

function initThings() {
    add_row($('#table1'));
} 
	        </script>
	        <script src="js/select2.min.js"></script>
    <script src="js/jquery.datetimepicker.full.js"></script>
   
    <script>
    $('.select1').select2();
    </script>
   
	        
	        <script  langauge="JavaScript">
function deleteRow(btn) {
	  var row = btn.parentNode.parentNode;
	  row.parentNode.removeChild(row);
	  var sum = 0;
	  var sum2=0;
	    $(".amt").each(function(){
	        sum += +$(this).val();
	    });
	    $(".total").val(sum);
	    
	    $(".amt2").each(function(){
	        sum2 += +$(this).val();
	    });
	    $(".total2").val(sum2);
	    
	};
</script>



</html>