Current File : //home/obabain/public_html/abc/meltingprocess_new.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@page import="java.sql.*,java.util.*"%>
    <%@page import="java.sql.ResultSet"%>
    <%@ include file="Connection.jsp" %>
    <%@include file="master.jsp"%>
<!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://code.jquery.com/jquery-3.3.1.js'></script>   
 <script src='https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js'></script> 
 <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js" charset="utf-8"></script> 

 

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">

<title>Insert title here</title>
<script>
function myFunction1(m_id) 
{
	var result = confirm("Are You Sure To Delete?");	
     if(result)
    	 {
    	 window.location.href = 'fettling&griding_Delete.jsp?id=' +id;
    	 }
     else
    	 {
    	 window.location.href = 'Fettling&grinding_view.jsp';
    	 }
}
</script>                   


<style>
.button{ background-color: #4CAF50;}
.button:hover {background-color: blue}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
   border-radius: 15px;
}
</style>
</head>
 <script type="text/javascript">
 $(document).ready(function() {
	    $('#example').DataTable();
	} );
</script>
<body>
 <div class="row">
        <div class="col-sm-9">  
            <div class="panel panel-default">
              <div class="panel-heading main-color-bg">
                <h3 class="panel-title">Melting Process View</h3>
      
<!--      <a class="btn btn-danger pull-right" href="MeltingView_3.jsp" style="margin-top:-24px;">Total&nbsp;Melted&nbsp;View</a>         
 -->        <a class="btn btn-danger pull-right" href="meltnew.jsp" style="margin-top:-24px;">Add New</a>   
 
 <a class="btn btn-success pull-right" href="Melting_day_date.jsp" style="margin-top:-24px;">Daywise View</a> 
              </div>
              <div class="panel-body">

<div style="overflow-x:auto;">
  <table class="table table-bordered" id="example" >       
    <thead>
      <tr class="success"> 
       <th>Date</th>
 <th>Shift</th>
 
 <th> F1 Start Time </th>
 <th> F1 End Time</th>
 
 <th> F2 Start Time </th>
 <th> F2 End Time</th>
 
 <th> F3 Start Time </th>
 <th> F4 End Time</th>
 
 <th>Electrical First Reading</th>
 <th>Electrical Last ReadingF</th>
 <th>Electrical Power Usage</th>
 
 
<th>Genrator ON</th>
 <th>Genrator OFF</th>
 <th>Genrator Usage</th>
 
 
 
 <th>Delete</th>
      </tr>
    </thead>
    <tbody>
    <%
    Statement st=con.createStatement();
    String id=request.getParameter("wid");
ResultSet rs=st.executeQuery("select * from  melt1");
while(rs.next()){
	
	

%>  
  
    
   <tr>
      <td><%=rs.getString("date")%></td>
     
      <td><a href="meltingprocess_deatiledview.jsp?wid=<%=rs.getString("id")%>"><%=rs.getString("shift")%></a></td>
      
      
        
      <td><%=rs.getString("sart1")%></td>
      <td><%=rs.getString("end1")%></td>
      
       
        
      <td><%=rs.getString("sart2")%></td>
      <td><%=rs.getString("end2")%></td>
      
      
         
        
      <td><%=rs.getString("sart3")%></td>
      <td><%=rs.getString("end3")%></td>
      
      
      
         <td><%=rs.getString("e_on")%></td>
      <td><%=rs.getString("e_off")%></td>
      <td><%=rs.getString("e_use")%></td>
      
      
      
      
     
      <td><%=rs.getString("g_on")%></td>
      <td><%=rs.getString("g_off")%></td>
      <td><%=rs.getString("g_use")%></td>
      <td  align="left"><a href="meltingprocess_delete.jsp?Id=<%=rs.getString("id")%>" onclick = "if (! confirm('Continue?')) { return false; }"><li class="glyphicon glyphicon-trash"></li></a></td>
   </tr>    
   <%}%> 
  </tbody> 
  </table>
  </div>
  
  
  
  
<button class="btn btn-primary" onclick="goBack()">Back</button>

<!-- </div> -->

<script type="text/javascript">
  function goBack() 
  {
   window.history.back(); 
  };
</script>
</div>
</div>
</div>


 <script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script>
 </div> 
</body>
</html>