| Current File : //home/obabain/public_html/abc/componet.jsp |
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ include file="Connection.jsp" %>
<%
/* String onumber=(String)session.getAttribute("onumber"); */
Statement st=con.createStatement();
ResultSet rs = null;
%>
<%!
String particular=null;
Double paid_amt=0.00;
double amt=0.00;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="css/select2.min.css" rel="stylesheet">
<link href="css/jquery.datetimepicker.css" rel="stylesheet">
<style>
.template { display: none; }
.template1 { display: none; }
.template2 { display: none; }
.template3 { display: none; }
hr{
border-top: 1px solid red;
}
</style>
</head>
<body onload="difftime()">
<%@include file="master.jsp" %>
<form action="componentDA.jsp" name="pv">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="content" >
<div class="row" >
<div class="col-md-9" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Components</h3>
<!-- <a class="btn btn-danger pull-right pull-top" style="margin-top:-24px; " href="melting_View2.jsp">Batch Creation</a> -->
<a class="btn btn-danger pull-right pull-top" style="margin-top:-24px; " href="componentview1.jsp">View</a>
</div>
<div class="panel-body" >
<div class="row">
<div class="col-xs-2">
<label for="lastname">Customer Name</label>
<input type="text" class=" form-control" name="customer" style="width:250px;" value="" >
</div>
</div>
<br> <br> <br>
<div style="overflow-x:auto;">
<table class="table table-bordered" id="table3">
<thead>
<tr class=success>
<th>Part Name</th>
<th>Part No.</th>
<th>Grade</th>
<th>No.of Cavity</th>
<th>Pattern Material</th>
<th>Pattern Type</th>
<th>Core Box Metal</th>
<th>No.of Core Box</th>
<th>No.core Box In Set</th>
<th>Casting Wt/pc</th>
<th>PRNG wt/pc</th>
<th>Returns wt/pc</th>
<th>Casting wt/box</th>
<th>PRNG wt/box</th>
<th>Return wt/box</th>
<th>Yeild %</th>
<th>No.of Cores/pc</th>
<th>Core Process</th>
<th>Single Casting Core Wt in Kg</th>
<th>Mould Process</th>
<th>Mould Wt Top in Kg</th>
<th>Mould Wt Bottom in Kg</th>
<th>Sleeve Size</th>
<th>Sleeve Qty</th>
<th>Filter Qty</th>
<th>Mould Box Size Top</th>
<th>Mould Box Size Bottom</th>
<!-- <th style="text-align:center;">Quantity</th> --><th></th>
</tr>
</thead>
<tbody>
<tr class='template3'>
<td><input type="text" class=" form-control" name="1[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="2[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="3[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="4[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="5[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="6[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="7[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="8[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="9[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="10[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="11[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="12[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="13[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="14[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="15[]" value="" style="width:90px;" ></td>
<td><input type="text" class=" form-control" name="16[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="17[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="18[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="19[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="20[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="21[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="22[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="23[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="24[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="25[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="26[]" style="width:90px;" value="" ></td>
<td><input type="text" class=" form-control" name="27[]" style="width:90px;" value="" ></td>
<td><a href='#' onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
<div class="col-xs-1" style="padding-right:80px;">
<a id='add3' class="pull-left btn btn-success">ADD New</a></div>
<br>
<!-- ----------------------------------------------------------------------------------------------------------2nd table -->
<hr>
</div>
<br><br><br>
<div class="modal-footer" id="contact_submit">
<a class="btn btn-info" style="background:#204b58" onclick="goBack()">Back</a>
<a class="btn btn-default" href="">Reset</a>
<input type="submit" value="Save Change" style="background:#204b58;" class="btn btn-info" onclick="pay()">
</div>
</div>
</div>
</div>
</div>
<%-- <%@include file="footer.jsp" %> --%>
</form>
<script type="text/javascript">
function goBack()
{
window.history.back();
};
</script>
<script>
function pad(num) {
return ("0"+num).slice(-2);
}
function diffTime(start,end,brk) {
var s = start.split(":"), sMin = +s[1] + s[0]*60,
e = end.split(":"), eMin = +e[1] + e[0]*60,
b = brk.split(":"), bMin = +b[1] + b[0]*60,
diff = eMin-sMin-bMin;
//alert(bMin);
if (diff<0)
{
sMin-=12*60;
diff = eMin-sMin;
}
var h = Math.floor(diff / 60),
m = diff % 60;
return "" + pad(h) + ":" + pad(m);
}
document.getElementById('button').onclick=function() {
document.getElementById('diff').value=diffTime(
document.getElementById('start').value,
document.getElementById('end').value,
document.getElementById('brk').value
);
}
</script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
jQuery('#datetimepicker').datetimepicker({
timepicker:false,
todayBtn: "linked"
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
$(document).ready(function(){
var d=new Date();
var da=d.getFullYear() + "/" + (d.getMonth()+1) + "/" +d.getDate();
$('#datetimepicker').val(da);
});
jQuery('#datetimepicker2').datetimepicker({
timepicker:false,
todayBtn: "linked"
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
$(document).ready(function(){
var d=new Date();
var da= d.getFullYear() + "/" + (d.getMonth()+1) + "/" +d.getDate();
$('#datetimepicker2').val(da);
});
</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>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</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>
<!-- ------------------------------------------------------------------------- 2nd script -->
<script>
$(function() {
// initThings();
$('#add12').on('click', function() { add_row2($('#table12')); });
});
function add_row2($table) {
var tr_id = $table.find('tr').length - 1;
var $template = $table.find('tr.template1');
var $tr = $template.clone().removeClass('template1').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>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</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>
<!-- ------------------------------------------------------------------------------------3rd scrpt -->
<script>
$(function() {
// initThings();
$('#add3').on('click', function() { add_row4($('#table3')); });
});
function add_row4($table) {
var tr_id = $table.find('tr').length - 1;
var $template = $table.find('tr.template3');
var $tr = $template.clone().removeClass('template3').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>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</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>
<!-- ------------------------------------------------------------------------------------4th scrpt -->
<script>
$(function() {
//initThings();
$('#add123').on('click', function() { add_row3($('#table123')); });
});
function add_row3($table) {
var tr_id = $table.find('tr').length - 1;
var $template = $table.find('tr.template2');
var $tr = $template.clone().removeClass('template2').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>
$(document).on("change", ".amt", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$( ".amt" ).focus();
$(".amt2:last").val(0);
});
$(document).on("change", ".amt2", function() {
var sum = 0;
$(".amt2").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
});
$(document).on("change", ".byto", function() {
var sum = 0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total2").val(sum);
$(".amt2:last").val(sum);
$(".amt:last").val(0);
});
$(document).ready(function($){
$('.byto').val(1);
})
</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>
<script>
jQuery('#datetimepicker').datetimepicker({
timepicker:false,
todayBtn: "linked",
format:'d/m/y'
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
jQuery('#datetimepicker2').datetimepicker({
timepicker:false,
todayBtn: "linked",
format:'d/m/y'
//mask:true, // '9999/19/39 29:59' - digit is the maximum possible for a cell
});
$(document).ready(function(){
var d=new Date();
var da= d.getDate() + "/" + (d.getMonth()+1) + "/" +d.getFullYear();
$('#datetimepicker').val(da);
});
$(document).ready(function(){
var d=new Date();
var da= d.getDate() + "/" + (d.getMonth()+1) + "/" +d.getFullYear();
$('#datetimepicker2').val(da);
});
</script>
<!--hr calculation -->
<script>
function difference(startTime, endTime){
var starttime = document.getElementById(startTime).value;
var endtime = document.getElementById(endTime).value;
var stime = starttime.getHours();
var etime = endtime.getHours()
document.getElementById(startTime).value = stime
document.getElementById(endTime).value = etime
if(etime>=stime){
return (etime-stime);
}
else if(etime<=stime){
alert("enter valid time");
}
}
</script>
<script type="text/javascript" src="JS/datejquery.min.js"></script>
<script src="JS/datejquery-ui.min.js"></script>
<script src="JS/service.js"></script>
<script>
$(document).ready(function(){
$("#datepicker").datepicker({
numberOfMonths: 2,
onSelect: function(selected) {
$("#datepicker1").datepicker("option","minDate", selected);
}
});
$("#txtendmins1").change(function(){
var sHour = $("#txtstarthrs1").val();
var eHour = $("txtendhrs1").val();
var sMint = $("txtstartmins1").val();
var eMint = $("txtendmins1").val();
$("#txttotal1").val(calculateTime(sHour,sMint,eHour,eMint));
});
function calculateTime(sHour,sMint,eHour,eMint){
var hourSubtract = ( eHour - sHour);
var minSubtract = (eMint - sMint);
var hourTomins = ((hourSubtract*60)+minSubtract) ;
totalHourToMins(hourTomins);
return hourTomins;
}
$("#txtendmins2").change(function(){
var startHRS2 = document.getElementById("txtstarthrs2").value;
var endHRS2 = document.getElementById("txtendhrs2").value;
var startMins2 = document.getElementById("txtstartmins2").value;
var endMins2 = document.getElementById("txtendmins2").value;
calculateTime()
});
$("#datepicker1").datepicker({
numberOfMonths: 2,
onSelect: function(selected) {
$("#datepicker").datepicker("option","maxDate", selected);
}
});
});
</script>
<script type="text/javascript">
function validateDatepicker(){
var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
var date1 = $('#datepicker1').datepicker({ dateFormat: 'dd-mm-yy' }).val();
if(date===date1)
{
alert("hi");
}
}
</script>
<script type="text/javascript">
function validateDate(){
var startHrs = document.getElementById("txtStarthrs").value;
var startMins = document.getElementById("txtStartmins").value;
var endHrs = document.getElementById("txtEndhrs").value;
var endMins = document.getElementById("txtEndmins").value;
var hourSubtract = ( endHrs- startHrs);
var minSubtract = (endMins - startMins);
var hourTomins = ((hourSubtract*60)+minSubtract) ;
var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();
var date1 = $('#datepicker1').datepicker({ dateFormat: 'dd-mm-yy' }).val();
if((date===date1)&&(hourTomins<1))
{
alert("please enter the correct timing");
location.reload();
}
else
{
document.getElementById("txtElapsedhrs").value = hourTomins;
}
}
</script>
<script language="javascript">
function getCodeDetails1(){
}
function displayResult(data) {
if (data.error) // emp not found
{
$("#txtIEdesc1").val(""); // clear fields
alert( data.error);
}
else // Found employee. Display details
{
$("#txtIEdesc1").val(data.name);
}
}
function getCodeDetails2(){
$.getJSON("ieCodedetails.jsp",{codeid:$("#txtIEcode2").val()},displayResult2);
}
function displayResult2(data) {
if (data.error) // emp not found
{
$("#txtIEdesc2").val(""); // clear fields
alert( data.error);
}
else // Found employee. Display details
{
$("#txtIEdesc2").val(data.name);
}
}
</script>
<script type="text/javascript">
function myFunction()
{
var elapsedhrs = document.getElementById("txtElapsedhrs").value;
var totalhrs = document.getElementById("txtTotalhrs").value;
if(elapsedhrs === totalhrs)
{
document.getElementById(myBtn).disabled = false;
}
document.getElementById(myBtn).disabled = true;
}
</script>
<script type="text/javascript">
var totalTime=0;
function endMins1()
{
var startHRS1 = document.getElementById("txtstarthrs1").value;
var endHRS1 = document.getElementById("txtendhrs1").value;
var startMins1 = document.getElementById("txtstartmins1").value;
var endMins1 = document.getElementById("txtendmins1").value;
var hourSubtract = ( endHRS1 - startHRS1);
var minSubtract = (endMins1 - startMins1);
var hourTomins = ((hourSubtract*60)+minSubtract) ;
document.getElementById("txttotal1").value = hourTomins;
totalHourToMins(hourTomins);
}
function endMins2()
{
var startHRS2 = document.getElementById("txtstarthrs2").value;
var endHRS2 = document.getElementById("txtendhrs2").value;
var startMins2 = document.getElementById("txtstartmins2").value;
var endMins2 = document.getElementById("txtendmins2").value;
var hourSubtract = ( endHRS2 - startHRS2);
var minSubtract = (endMins2 - startMins2);
var hourTomins = ((hourSubtract*60)+minSubtract) ;
document.getElementById("txttotal2").value = hourTomins;
totalTime+=hourTomins;
}
</script>
</html>