| Current File : //home/obabain/anms_obaba_in/Melting.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" style="width:82%;">
<!-- Vista r�pida del sitio -->
<div class="panel panel-default" style="background-color:#eae9e9;">
<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="">
<div class="panel-body">
<div style="text-align:center;background-color:#00bfff;color:white;height:35px;zoom:1.5;">Furnace Types Creation</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:</td>
<td> <input type="text" class="form-control" name="password" placeholder="enter furnace" style="height:32px;width:220px;">
</td>
</tr>
<!--
<tr>
<td style="color:red;">Discription:</td>
<td> <input type="text" class="form-control" name="password" 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 style="margin-left:850px; ">
<button id="show" type="button" class="btn btn-primary">New</button>
<a href="Foundary.jsp" class="btn btn-danger" >Home</a>
</div><br>
<br><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 Types:</h4>
<table class="table table-bordered">
<thead>
<tr>
<th>Sl.No</th>
<th>Furnace Types</th>
<th>Edit</th>
<th>Delete</th>
</tr>
</thead>
<tbody id="myTable" >
<tr>
<td>1</td>
<td>Electric arc furnaces (EAF)</td>
<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>Induction furnaces</td>
<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>3</td>
<td>Cupolas</td>
<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>
</tbody>
</table>
</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>