"Joks"
Bootstrap 3.0.0 Snippet by rsetiawans

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>TropisNet | Administrator</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/datepicker3.css" rel="stylesheet"> <link href="css/bootstrap-table.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet"> <script src="js/lumino.glyphs.js"></script> <script type="text/javascript"> $(function() { $(document).on('click', '.btn-add', function(e) { e.preventDefault(); var controlForm = $('.controls form:first'), currentEntry = $(this).parents('.entry:first'), newEntry = $(currentEntry.clone()).appendTo(controlForm); newEntry.find('input').val(''); controlForm.find('.entry:not(:last) .btn-add') .removeClass('btn-add').addClass('btn-remove') .removeClass('btn-success').addClass('btn-danger') .html('<span class="glyphicon glyphicon-minus"></span>'); }).on('click', '.btn-remove', function(e) { $(this).parents('.entry:first').remove(); e.preventDefault(); return false; }); }); </script> </head> <?php session_start(); include("koneksi.php"); if(empty($_SESSION['sesiuser']) and empty($_SESSION['sesipass'])) { echo "<script>alert('maaf, anda harus login terlebih dahulu') location.replace('login.php')</script>"; } else { include("koneksi.php"); $aquery = "select*from tabel_admin where id_admin='$_SESSION[sesiid]'"; $aresult = mysql_query($aquery); $abaris = mysql_fetch_array($aresult); ?> <?php include"headeradmin.php"; ?> <body> <?php include"sidebar.php"; ?> <div class="row"> <div class="col-lg-12"> <h1 class="page-header">Manajemen Data Rule (Basis Aturan)</h1> </div> </div><!--/.row--> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-heading">Data Rule (Basis Aturan)</div> <div class="panel-body"> <table data-toggle="table" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" > <thead> <tr> <th>Penyakit</th> <th>Gejala</th> <th>Nilai Belief</th> <th>Aksi</th> </tr> </thead> <tbody> <?php $query="select tabel_rule.nilai_belief, tabel_penyakit.id_penyakit, tabel_penyakit.nama_penyakit, tabel_gejala.id_gejala, tabel_gejala.gejala from tabel_rule inner join tabel_penyakit on tabel_rule.id_penyakit=tabel_penyakit.id_penyakit inner join tabel_gejala on tabel_rule.id_gejala=tabel_gejala.id_gejala"; $hasil=mysql_query($query); while($data=mysql_fetch_array($hasil)){ ?> <tr> <td><?php echo $data ['nama_penyakit'];?></td> <td><?php echo $data['gejala'];?></td> <td><?php echo $data['nilai_belief'];?></td> <td> <a href="ruleubahdata.php?id_penyakit=<?php echo $data['id_penyakit']; ?> &id_gejala=<?php echo $data['id_gejala'];?>" title="Ubah Data"> <img src="edit.png" width="20" height="20"> </a> <a href="rulehapusdata.php?id_penyakit=<?php echo $data['id_penyakit'];?> &id_gejala=<?php echo $data['id_gejala'];?>" title="Hapus Data"> <img src="delete.png" width="20" height="20"> </a> </td> </tr> <?php } ?> </tbody> </table> </div> <!-- /.table-responsive --> </div> <div class="row"> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-heading"> Tambah Data Rule </div> <div class="panel-body"> <div class="row"> <div class="col-lg-6"> <form action="ruletambahdata.php" role="form" method="post" enctype="multipart/form-data"> <div class="form-group"> <label>Nama Penyakit</label> <select id="penyakit" class="form-control" name="penyakit"> <?php $sql = mysql_query("SELECT * FROM tabel_penyakit ORDER BY id_penyakit ASC"); if(mysql_num_rows($sql) != 0){ while($row = mysql_fetch_assoc($sql)){ echo '<option value="'.$row['id_penyakit'].'">'.$row['nama_penyakit'].'</option>'; } } ?> </select> <div class="control-group" id="fields"> <label class="control-label" for="field1">Pilih Gejala dan Isi Nilai Belief</label> <div class="controls"> <form role="form" autocomplete="off"> <div class="entry input-group col-xs-3"> <select class="form-control" name="fields[]" type="text" placeholder="Pilih Gejala" /> </select> <input class="form-control" name="fields[]" type="text" placeholder="Isi Nilai Belief" /> <span class="input-group-btn"> <button class="btn btn-success btn-add" type="button"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </form> <button id="b1" class="btn add-more" type="button">+</button> </div> <br> <div class="col-lg-pull-12"> <div class="form-group"> <div id="form_gejala"> </div> </div> </div> <div class="form-group"> <button id="tampil" class="btn btn-info" name="simpan"> Simpan </button> </div> </div> </div> </form> </div> </div> </div> </div> </div> <!-- /#page-wrapper --> </div><!--/.main--> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/chart.min.js"></script> <script src="js/chart-data.js"></script> <script src="js/easypiechart.js"></script> <script src="js/easypiechart-data.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="js/bootstrap-table.js"></script> <script> !function ($) { $(document).on("click","ul.nav li.parent > a > span.icon", function(){ $(this).find('em:first').toggleClass("glyphicon-minus"); }); $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus"); }(window.jQuery); $(window).on('resize', function () { if ($(window).width() > 768) $('#sidebar-collapse').collapse('show') }) $(window).on('resize', function () { if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide') }) </script> <?php } ?> </body> </html>

Related: See More

Now UI Dashboard PRO React

Questions / Comments: