Current File : //home/obabain/public_html/abc/Moulding_process.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
           <%@ include file="Connection.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">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--  <link href="assets/libs/jquery-steps/jquery.steps.css" rel="stylesheet">
    <link href="assets/libs/jquery-steps/steps.css" rel="stylesheet">
    <link href="dist/css/style.min.css" rel="stylesheet"> -->

<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>
</head>
<%@include file="master.jsp" %>
<style>
table {
    border-collapse: collapse;
    border-spacing: ;
    width: 80%;
    border: 1px solid #ddd;
}

th, td {
    text-align: left;
    padding: 16px;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}
.rrow {
   display:inline-block;
    clear: both;
  
     
}

.center {
    margin: auto;
    width: 60%;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hideform {
    display: none;
}
</style>

<body>
<div class="row">

 

    
          <div class="col-md-7">
            <!-- Vista r�pida del sitio -->
            <div class="panel panel-default">
              <div class="panel-heading main-color-bg" >
                <!-- <h3 class="panel-title">Quick Views</h3> -->
                
                <!-- <div class="rrow"style="inline-block; margin-left:750px; "> -->
                
                
<!--                <h3 class="rrow"style="color:#fecea8; ">Obaba-POS Settings:</h3>
 -->                
           
            
              </div>
              <div class="panel-body">
              
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="center hideform" style="width:460px;">
    <button id="close" style="float: right;">X</button>
    <form action="F_MouldingDA.jsp">
       <div class="panel-body">
 <div style="text-align:center;background-color:#00bfff;color:white;height:35px;zoom:1.5;">Mould processes </div>
</div>

<br>
 
      <table bgcolor="white"style="border:0px;">
      <tr>
      <td style="color:green;width:200px">
      <div style="width:100px">Create Mould:</div></td>
      <td> <input type="text" class="form-control" name="mname" placeholder="enter furnace" Required="required" style="height:32px;width:220px;">
      </td>
      
      
      </tr>
       
         <tr>
      <td style="color:green;width:px">Date:</td>
      <td> <input type="date" class="form-control" name="cname" placeholder=""style="height:32px;width:220px;">
      </td>
       </tr>
        
      
      </table>
      
      

        <br><br>
        <input type="submit" class="btn btn-primary"style="margin-left:150px; " value="Submit">
    </form>
</div>        
              
               <div class="row" style="margin-left:400px; ">
               <div class="col-lg-2" style="margin-left:50px;">
                 <button  id="show" type="button" class="btn btn-primary">CreateNew</button>
               </div>
        
           <div class="col-lg-2" style="margin-left:50px;">
                     <a href="Foundary.jsp" class="btn btn-danger" >HOME</a>
           </div>0

          </div>
        
    
<script type="text/javascript">
$('#show').on('click', function () {
    $('.center').show();
    $(this).hide();
})

$('#close').on('click', function () {
    $('.center').hide();
    $('#show').show();
})

</script>



 <h4 style="color:red">Moulding Process:</h4>
<table class="table table-bordered" style="width:550px;margin-left: 50px;"> 
  <thead>
  <tr>
  
  <th>Moulding-type</th>
    <th>Created Date</th>
<!--      <th>Description</th>  -->
     <!-- <th>Edit</th>
     <th>Delete</th> -->
  </tr>
  </thead>
  <tbody  id="myTable" >
<% 

int	i=1;
%>
  <tr>
   
    <td><%=i%></td>
    <td><a href="fsand_types.jsp">Sand Preparation Equipments</a></td>
   
   
  <!-- F_Sand_Preparation.jsp
  
    <td style="color:red;"><span class="glyphicon glyphicon-pencil"></span></td>
     <td style="color:red;"onclick = "if (! confirm('Continue?')) { return false; }"><i class='glyphicon glyphicon-trash'></i></td> -->
  </tr>
  <tr> <td>2</td>
   <td><a href="F_SandReclamation.jsp">Sand Reclamation System</a></td> 
  </tr>
   <tr> <td>3</td>
   <td>Sand Plant Equipments</td>  
  </tr>
  <tr> <td>4</td>
<td>Green Sand Equipments</td> 
  </tr>
   <tr> <td>5</td>
 <td>Other Equipments</td> 
  </tr>
  
  
  <%  
  i++;
   %> 
  </tbody>
</table>
    
   <div style="margin-left:550px; ">
          <button onclick="goBack()" type="button" class="btn btn-primary">Back</button>
<!--           <a href="Foundary.jsp" class="btn btn-danger" >HOME</a>
 -->          
 </div>

   <script>
function goBack() {
    window.history.back();
}
</script>
   
   
   
              </div>
              <br><br>
              </div>

            
          </div>
        </div>
    <script src="assets/libs/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="assets/libs/popper.js/dist/umd/popper.min.js"></script>
    <script src="assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- slimscrollbar scrollbar JavaScript -->
    <script src="assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script>
    <script src="assets/extra-libs/sparkline/sparkline.js"></script>
    <!--Wave Effects -->
    <script src="dist/js/waves.js"></script>
    <!--Menu sidebar -->
    <script src="dist/js/sidebarmenu.js"></script>
    <!--Custom JavaScript -->
    <script src="dist/js/custom.min.js"></script>
    <!-- this page js -->
    <script src="assets/libs/jquery-steps/build/jquery.steps.min.js"></script>
    <script src="assets/libs/jquery-validation/dist/jquery.validate.min.js"></script>
    <script>
        // Basic Example with form
    var form = $("#example-form");
    form.validate({
        errorPlacement: function errorPlacement(error, element) { element.before(error); },
        rules: {
            confirm: {
                equalTo: "#password"
            }
        }
    });
     form.children("div").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        onStepChanging: function(event, currentIndex, newIndex) {
            form.validate().settings.ignore = ":disabled,:hidden";
            return form.valid();
        },
        onFinishing: function(event, currentIndex) {
            form.validate().settings.ignore = ":disabled";
            return form.valid();
        },
        onFinished: function(event, currentIndex) {
            alert("Submitted!");
        }
    });


    </script>     
        
        
</body>
</html>