D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
var
/
www
/
html
/
abas
/
Filename :
index.html
back
Copy
<!--** * @author Cesar Szpak - Celke - cesar@celke.com.br * @pagina desenvolvida usando framework bootstrap, * o código é aberto e o uso é free, * porém lembre -se de conceder os créditos ao desenvolvedor. *--> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Criar pagina com abas</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container theme-showcase" role="main"> <div class="page-header"> <h1>Pagina com Abas</h1> </div> <div> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Perfil</a></li> <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Mensagens</a></li> <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Configurações</a></li> <li role="presentation"><a href="#detalhes" aria-controls="detalhes" role="tab" data-toggle="tab">Detalhes</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home"> <form class="form-horizontal" action="" method="POST"> <div class="form-row"></div><br> <div class="form-row"> <div class="form-group col-sm-4"> <label><span class="text-danger">*</span>Selecione Marca:</label> <input id="gre_marca_aux" name="gre_marca_id_aux" list="entrada" class="form-control col-sm-12" onchange="javascript:produtopreco(this)" required /> <datalist id="entrada" required> <?php foreach ($this->Dados['select']['marca'] as $sit) { extract($sit); $nome_marca = utf8_decode($nome_marca); echo "<option data-id='{$id}' id='{$id}' value='{$nome_marca}'></option>"; } ?> </datalist> <input type="hidden" name="marca_id" id="marca_id" > </div> <div class="form-group col-md-4"> <label><span class="text-danger">*</span>Plano</label> <select required name="plano_id" id="plano_id" class="form-control" > <option value="">Selecione</option> <?php foreach ($this->Dados['select']['plano'] as $plano) { extract($plano); echo "<option value='$plano_id'>$plano_nome</option>"; } ?> </select> </div> </div> <div class="form-row"> <div class="form-group col-md-3"> <label><span class="text-danger">*</span>Tipo</label> <select required name="tipo_id" id="tipo_id" class="form-control" onchange="javascript:buscasubtipo(this.value)"> <option value="">Selecione</option> <?php foreach ($this->Dados['select']['tipo'] as $tipo) { extract($tipo); echo "<option value='$tipo_id'>$tipo_nome</option>"; } ?> </select> </div> <div class="form-group col-md-3"> <label><span class="text-danger">*</span>Sub-Tipo</label> <select required name="sub_tipo_id" id="sub_tipo_id" class="form-control" onchange="javascript:buscaacao(this.value)"> </select> </div> <div class="form-group col-md-3"> <label><span class="text-danger">*</span>Ação</label> <select required name="acao_id" id="acao_id" class="form-control" onchange="javascript:buscaqtde(this.value)"> </select> </div> <div class="form-group col-md-1"> <label>Disponivel:</label> <input type="text" name="qtde_disp" id="qtde_disp" class="form-control" readonly style="background-color: #FFFF00"> </div> </div> <div class="form-row"> <div class="form-group col-md-2"> <label><span class="text-danger">*</span>Data do Lançamendo:</label> <input name="data" type="date" id="data" class="form-control" onchange="javascript:checadata(this.value)" value="<?php echo date('Y-m-d') ?>"> </div> <div class="form-group col-md-2"> <label><span class="text-danger">*</span>Qtde Fracionada:</label> <input name="qtde" type="number" min="1" id="qtde" class="form-control" required title="Quantidade em Unidades da Embalagem)" > </div> <div class="form-group col-md-2"> <label><span class="text-danger">*</span>Preço Fracionado:</label> <input type="text" name="preco_fracionado" id="preco_fracionado" class="form-control" onKeyPress="return(MascaraMoeda(this, '.', ',', event))" onchange="javascript:calcpreco(this.value)" required> </div> <div class="form-group col-md-2"> <label>Preço Embalagem:</label> <input type="text" name="valor_venda" id="preco_venda" class="form-control" readonly> </div> </div> <div class="form-row"> <p> <span class="text-danger">* </span>Campo obrigatório </p> </div> <div class="form-row"> <input name="Limpar" id="Limpar" type="reset" class="btn btn-success" value="Limpar"> <div class="form-group col-md-0.5"> </div> <input name="CadEstResid" id="CadEstResid" type="submit" class="btn btn-warning" value="Salvar"> </div> </div> <div role="tabpanel" class="tab-pane" id="profile"> Vestibulum finibus erat odio, ut aliquam tortor egestas in. Vivamus cursus a lacus porttitor placerat. Nulla eget nulla fringilla, consectetur mauris aliquet, faucibus lorem. Phasellus sed ante nec est rhoncus congue at ultrices nunc. Maecenas in posuere sem, in malesuada diam. Maecenas ultrices, nibh molestie ultricies interdum, sem felis consectetur nibh, in mattis tortor orci sit amet augue. Vestibulum condimentum, lectus egestas maximus posuere, felis massa tincidunt lacus, vel pellentesque libero turpis non odio. Etiam semper sollicitudin nunc, ac consequat sapien fermentum in. Curabitur fringilla tristique luctus. Nullam non augue eu nisl fringilla cursus in sed ex. Cras et sapien eget felis blandit efficitur. Mauris quis risus urna. Vivamus pretium sit amet turpis sed scelerisque. Nunc at urna quis nulla tristique accumsan ut non nunc. In ultrices augue at orci pretium, egestas dapibus ligula dignissim. </div> <div role="tabpanel" class="tab-pane" id="messages"> Aenean sit amet risus tellus. Donec nec ligula molestie, iaculis urna vel, aliquet arcu. Praesent eget nulla vitae nulla blandit faucibus. Nunc euismod metus velit, non egestas turpis maximus nec. Nulla volutpat convallis turpis, placerat pharetra magna commodo eget. Curabitur vitae lacus dignissim, mollis erat at, suscipit erat. In posuere accumsan velit id imperdiet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce maximus pellentesque est non imperdiet. Duis ultricies arcu eu nulla blandit ultrices. Pellentesque quam quam, lacinia nec sollicitudin id, rutrum id nunc. Pellentesque a tempor tellus. Cras eget facilisis lacus. Praesent tincidunt risus dolor, nec tincidunt dui pellentesque eu. </div> <div role="tabpanel" class="tab-pane" id="settings"> Nunc commodo nisi magna, eget aliquam ex imperdiet sed. Sed sed aliquam leo. Pellentesque interdum vulputate libero, vitae elementum ex. Phasellus non neque ultrices, tristique tellus non, aliquam ante. Integer tincidunt nunc id turpis porttitor, vel elementum tellus lacinia. Cras vestibulum maximus diam id lacinia. Praesent ut eros eu massa viverra porta. Pellentesque ac libero quis orci viverra dapibus et id massa. Nunc ultricies massa at ultricies viverra. Sed congue, dolor sed efficitur tincidunt, turpis ante pellentesque mauris, ut vestibulum dui erat sed leo. </div> <div role="tabpanel" class="tab-pane" id="detalhes"> Donec tempus iaculis ex at feugiat. Fusce sit amet erat et sem scelerisque convallis in vel purus. Suspendisse sed enim consectetur, convallis velit eget, finibus sapien. Integer vel nisl eros. Nullam vehicula dictum arcu a iaculis. In hac habitasse platea dictumst. Mauris eu metus ac tellus dictum condimentum. </div> </form> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>