Skip to main content
2 de 5
adicionou 69 caracteres ao conteúdo
Bruno
  • 1,4mil
  • 12
  • 37

Filtro por nome e data dentro do section

Criei section na minha página e pretendo dentro de cada section criar filtro por data e nome.

Código:

<section id="s1">
<div class="wrapper" id="minhaDiv" style="display:none" >

<div class="modal-body">
 <form action="" method="post">
  <div class="col-md-2 col-xs-2">
   <div class="form-group">
     <h6><label for="Colaborador-text" class="col-form-label">Colaborador</label></h6>
      <h6><select style="width:150px" name="pesquisar_colaborador">
        <option></option>
        <?php
        $sql = "SELECT Funcionario FROM centrodb.InfoLuvas WHERE Ativo = '1' AND Funcao = 'Limpeza' AND Valencia = 'LAR'";
        $qr = mysqli_query($conn, $sql);
        while($ln = mysqli_fetch_assoc($qr)){
        echo '<option value="'.$ln['Funcionario'].'">'.$ln['Funcionario'].'</option>';
        }
        ?>
      </select></h6>
   </div>
  </div>
 <div style="clear:both;"></div>
  <div class="col-md-2 col-xs-2">
   <div class="form-group">
      <h6><label for="Inicio-name" class="col-form-label">Inicio</label></h6>
      <h6><input type="Date" id="inicio" name="inicio" value="<?php echo date("Y-m-d");?>"></h6>
   </div>
  </div>
 <div style="clear:both;"></div>
  <div class="col-md-2 col-xs-2">
   <div class="form-group">
      <h6><label for="Fim-name" class="col-form-label">Fim</label></h6>
      <h6><input type="Date" id="fim" name="fim" value="<?php echo date("Y-m-d");?>"></h6>
   </div>
  </div>
  <div class="modal-footer">
       <button class="btn btn-success" type="submit">Consultar</button>
  </div>
</form>
</div>

<?php 
date_default_timezone_set('Europe/Lisbon');
if(isset($_POST['pesquisar_colaborador']) && isset($_POST['inicio']) && isset($_POST['fim'])){
    $pesquisar1 = $_POST['pesquisar_colaborador'];
    $inicio = $_POST['inicio'];
    $fim = $_POST['fim'];
$result_cursos = "SELECT * FROM centrodb.RegistolimpALAA WHERE Colaborador LIKE '%$pesquisar1%' AND `data` BETWEEN '$inicio' AND '$fim' ORDER BY dataregisto DESC";
$resultado_cursos = mysqli_query($conn, $result_cursos);

echo $tabela;

?>  
</div>
</section>

script:

<script type="text/javascript"> 
$(function() {
  $(".btn-toggle").click(function(e) {
    e.preventDefault();
    el = $(this).data('element');
    $("section > div:not("+el+"):visible").hide();
    $(el).toggle();
  });
});
</script>

Assim funciona, mas sempre que clico no botão consultar fecha a section e tenho de a abrir outra vez e não devia, devia fazer a consulta e manter a section aberta.

A class btn-toggle é utilizada no menu que chama as sections:

<div class="wrapper">
<nav class="vertical">
    <ul class="men clearfix1">
        <li><a href="#Tarefas Diárias">Tarefas Diárias</a>
            <!-- Nível 1 -->
            <!-- submenu -->
            <ul class="sub-men clearfix1">
                <li><a href="#s1" class="btn-show" data-element="#minhaDiv">Gerais Quartos Ala A</a></li>
                <li><a href="#s2" class="btn-show" data-element="#minhaDiv1">Gerais Quartos Ala B</a></li>
                <li><a href="#s3" class="btn-show" data-element="#minhaDiv2">Esplanada/Cabeleireiro</a></li>
                <li><a href="#s4" class="btn-show" data-element="#minhaDiv3">Hig. Ind. Copa</a></li>
                <li><a href="#s5" class="btn-show" data-element="#minhaDiv4">Gab. Enf/Méd/Admin (Sábado)</a></li>
                <li><a href="#s6" class="btn-show" data-element="#minhaDiv5">Gab. Enf/Méd/Admin (Domingo)</a></li>
                <li><a href="#s7" class="btn-show" data-element="#minhaDiv6">Observação</a></li>
            </ul><!-- submenu -->
        </li>
        <li><a href="#Tarefas Semanais">Tarefas Semanais</a></li>
        <li><a href="#Tarefas Mensais">Tarefas Mensais</a></li>
        <li><a href="#Tarefas Trimestrais">Tarefas Trimestrais</a></li>
    </ul>
    </nav>
</div>
Bruno
  • 1,4mil
  • 12
  • 37