| Current File : //home/obabain/public_html/abc/F_Machines.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-9">
<!-- 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:900px;">
<button id="close" style="float: right;">X</button>
<form action="F_machineDA.jsp">
<div class="panel-body">
<div style="text-align:center;background-color:#00bfff;color:white;height:35px;zoom:1.5;">machine furnace</div>
</div>
<div style="text-align:center; font-style: italic;color:#bf4040;zoom:1.1;">Fields in Red are Required.. </div>
<br>
<table bgcolor="white"style="border:0px;">
<tr>
<td style="color:red;">Furnace Type:</td>
<td> <input type="text" class="form-control" name="furnace_name" placeholder="enter furnace" style="height:32px;width:220px;"> </td>
<td style="color:red;">Created Date:</td>
<td> <input type="date" class="form-control" name="created_date" placeholder=""style="height:32px;width:220px;"></td>
</tr>
<tr>
<td style="color:red;">Specification:</td>
<td> <input type="text" class="form-control" name="specification" placeholder=""style="height:32px;width:220px;"> </td>
</tr>
</table>
<br><br>
<input type="submit" class="btn btn-primary"style="margin-left:350px; " value="Submit">
</form>
</div>
<div style="margin-left:750px; ">
<button id="show" type="button" class="btn btn-primary">CreateNew</button>
<a href="Foundary.jsp" class="btn btn-danger" >HOME</a>
</div><br>
<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">Furnace Categories:</h4>
<table class="table table-bordered">
<thead>
<tr class="success">
<th>Sl no</th>
<th>Furnace Type</th>
<th>Created Date</th>
<th>Specification</th>
</tr>
</thead>
<%
try
{
Statement st=con.createStatement();
ResultSet rs = st.executeQuery("select * from furnace_master");
while(rs.next())
{
%>
<tbody>
<tr>
<td scope="col">
<%=rs.getString("fm_id")%>
</td>
<td scope="col">
<%=rs.getString("furnace_name")%>
</td>
<td scope="col">
<%=rs.getString("created_date")%>
</td>
<td scope="col">
<%=rs.getString("specification")%>
</td>
</tbody>
<%
}
}
catch (Exception e)
{
e.printStackTrace();
}
%>
</table>
<div style="margin-left:1px; ">
<button onclick="goBack()" type="button" class="btn btn-primary">Back</button>
</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>