"Funcao"
Bootstrap 3.0.3 Snippet by hlawerd

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<!-- Nav tabs category -->
<ul class="nav nav-tabs faq-cat-tabs">
<li class="active"><a href="#faq-cat-1" data-toggle="tab">Cadastro</a></li>
<li><a href="#faq-cat-2" data-toggle="tab">Consulta</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content faq-cat-content">
<div class="tab-pane active in fade" id="faq-cat-1">
<div class="panel-group" id="accordion-cat-1">
<div class="panel panel-default panel-faq">
<div class="panel-heading">
<a data-toggle="collapse" data-parent="#accordion-cat-1" href="#faq-cat-1-sub-1">
<form id="cadastrofuncao" method="post" class="form" role="form">
<legend>Formulário de Cadastro</legend>
<div class="row"><br><br>
<div class="col-xs-6 col-md-5 form-group">
<input class="form-control" id="inputcodfuncao" name="codfuncao" placeholder="Código Função" type="text" required autofocus />
</div>
<div class="col-xs-4 col-md-12 form-group">
<input class="form-control" id="inputdescricao" name="descricao" placeholder="Descrição" type="text" />
</div>
</div> <br><br><br><br><br><br>
<a class="btn btn-default btn-outline">Gravar</a>
<a class="btn btn-default btn-outline">Limpar</a>
</form>
</a>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
body {
margin-top: 2%
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function() {
var activeSystemClass = $('.list-group-item.active');
//something is entered in search form
$('#system-search').keyup( function() {
var that = this;
// affect all table rows on in systems table
var tableBody = $('.table-list-search tbody');
var tableRowsClass = $('.table-list-search tbody tr');
$('.search-sf').remove();
tableRowsClass.each( function(i, val) {
//Lower text for case insensitive
var rowText = $(val).text().toLowerCase();
var inputText = $(that).val().toLowerCase();
if(inputText != '')
{
$('.search-query-sf').remove();
tableBody.prepend('<tr class="search-query-sf"><td colspan="6"><strong>Searching for: "'
+ $(that).val()
+ '"</strong></td></tr>');
}
else
{
$('.search-query-sf').remove();
}
if( rowText.indexOf( inputText ) == -1 )
{
//hide rows
tableRowsClass.eq(i).hide();
}
else
{
$('.search-sf').remove();
tableRowsClass.eq(i).show();
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

BLK• Design System

Questions / Comments: