MINI

files >> C:/siak/TOOL SIAK/tool9/restore1/view/beranda.php
 <head>
  
       
    <script src="./lib/js/jquery.js"></script>
    
  </head>



<script type="text/javascript">
     $(document).ready(function() {
      <!-- event textbox keyup
      $("#txtcari").keyup(function() {
       var strcari = $("#txtcari").val();
       if (strcari != "")
       {
       $("#tabel_awal").css("display", "none");

      $("#hasil").html("<img src='img/loader.gif'/>")
      $.ajax({
       type:"post",
       url:"view/cari_siswa_ultah.php",
       data:"q="+ strcari,
       success: function(data){
       $("#hasil").css("display", "block");
        $("#hasil").html(data);
        
       }
      });
       }
       else{
       $("#hasil").css("display", "none");
       $("#tabel_awal").css("display", "block");
       }
      });
      });
  </script>


<script type="text/javascript">
     $(document).ready(function() {
      <!-- event textbox keyup
      $("#btn-search").click(function() {
       var strcari = $("#nik").val();
       if (strcari != "")
       {
       $("#tabel_awal1").css("display", "none");

      $("#hasil1").html("<img src='img/loader.gif'/>")
      $.ajax({
       type:"post",
       url:"view/cari_siswa_ultah_tertentu.php",
       data:"q="+ strcari,
       success: function(data){
       $("#hasil1").css("display", "block");
        $("#hasil1").html(data);
        
       }
      });
       }
       else{
       $("#hasil1").css("display", "none");
       $("#tabel_awal1").css("display", "block");
       }
      });
      });
  </script>


<ul class="nav nav-tabs">
  <li class="active"><a href="#h3" data-toggle="tab" aria-expanded="false">Info App</a></li>
<!--   <li class=""><a href="#hariini" data-toggle="tab" aria-expanded="false">Ultah Hari Ini</a></li>
  <li class=""><a href="#tertentu" data-toggle="tab" aria-expanded="true">Tgl Tertentu</a></li>
  <li class=""><a href="#bln-tertentu" data-toggle="tab" aria-expanded="true">Bulan Tertentu</a></li> -->
  
    <!-- <li class=""><a href="#h3" data-toggle="tab" aria-expanded="false">Info App</a></li>  -->   
    <li class=""><a href="#stasiun-sett" data-toggle="tab" aria-expanded="false"></a></li>
</ul>

<div class="tab-content">

  <div class="tab-pane" id="hariini">
   
    
<?php

//include './config/koneksi.php';

  //include 'modal.php';

  
  $p      = new Pagingultah;
    $batas  = 5;
    $posisi = $p->cariPosisi($batas);
?>


        <br>

           <form class="" method="post" action="laporan/f_hari.php">
                 

<div >
                
                <div class="">
                  <div class="input-group">
                      
            <div class="input-group-addon"> </div>
          </div>
        </div>
      </div>
      <div id="tabel_awal"></div>
  
 </form>




    <div id="monitoringS"></div>
  </div><!-- /.tab-pane -->





  <div class="tab-pane" id="tertentu">
    <!-- The timeline -->
       
<?php

//include './config/koneksi.php';

  //include 'modal.php';

  
  $p      = new Pagingultah;
    $batas  = 5;
    $posisi = $p->cariPosisi($batas);
?>


        <br>

           <form class="" method="post" action="laporan/f_tertentu.php">
                 

<div >
                
                <div class="">
                  <div class="input-group">
                      
            <div class="input-group-addon"> </div>
          </div>
        </div>
      </div>
      <div id="tabel_awal1"></div>



  
 </form>


    <div class="panel-body">
       
    </div>
  </div><!-- /.tab-pane -->



  <div class="tab-pane" id="bln-tertentu">
    <!-- The timeline -->
       
<?php

//include './config/koneksi.php';

  //include 'modal.php';

  
  $p      = new Pagingultah;
    $batas  = 5;
    $posisi = $p->cariPosisi($batas);
?>


        <br>

           <form class="" method="post" action="laporan/f_tertentu_range.php">
                 

<div >
                
                <div class="">
                  <div class="input-group">
                      
            <div class="input-group-addon"> </div>
          </div>
        </div>
      </div>
      <div id="tabel_awal1"></div>



  
 </form>


    <div class="panel-body">
       
    </div>
  </div><!-- /.tab-pane -->


  <div class="tab-pane active" id="h3">
    <!-- The timeline -->
      
<div class="container">   

  <div class="col-md-7 col-md-offset-0">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>   
      </ol>
 
      <!-- deklarasi carousel -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="lib/img/1.png" >
          <div class="carousel-caption">
           
          </div>
        </div>
        <div class="item">
          <img src="lib/img/2.jpg" >
          <div class="carousel-caption">
      
          </div>
        </div>
        <div class="item">
          <img src="lib/img/3.png" >
          <div class="carousel-caption">
         
          </div>
        </div>        
      </div>
 
      <!-- membuat panah next dan previous -->
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </div>
   </div>



    <div class="panel-body">
       
    </div>
  </div><!-- /.tab-pane -->


 




 
<div class="tab-pane" id="stasiun-sett">
      <div class="tab-pane" id="stasiun-sett">
       <button class='btn btn-primary btn-sm' data-toggle='modal' data-target='#editSt'>
          <i class='glyphicon glyphicon-pencil'></i> Edit
      </button>
      <button class='btn btn-danger btn-sm' data-toggle='modal' data-target='#delSt'> Hapus
          <i class='glyphicon glyphicon-trash'></i>
      </button>
    </div><!-- /.tab-pane -->
  </div><!-- /.tab-pane -->




 





</div><!-- /.tab-content -->