| Server IP : 185.124.137.119 / Your IP : 216.73.217.31 Web Server : LiteSpeed System : Linux id-dci-web1986.main-hosting.eu 5.14.0-611.26.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 29 05:24:47 EST 2026 x86_64 User : u686484674 ( 686484674) PHP Version : 8.0.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u686484674/domains/idikotabandung.com/public_html/IDI/superadmin/ |
Upload File : |
<?php include "koneksi.php";
session_start();
// cek apakah yang mengakses halaman ini sudah login
if($_SESSION['status']<>"login"){
header("location:location:../login.php");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IDI</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style2.css">
<link rel="icon" href="idilogo.png">
<!-- superadmin-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<!-- Custom styles for this page -->
<link href="vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
<!-- //superadmin-->
<!-- Bootstrap core CSS
<link href="../assets/css/bootstrap.min.css" rel="stylesheet"> -->
<!-- Custom styles for this template -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<style type="text/css">
<!--
-->
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html{
background:url(image/medical.jpg) no-repeat;
background-size: cover;
height:100%;
}
#feedback-page{
text-align:center;
}
#form-main{
width:100%;
float:left;
padding-top:0px;
}
#form-div {
background-color:;
padding-left:35px;
padding-right:35px;
padding-top:35px;
padding-bottom:50px;
width: 800px;
float: left;
left: 50%;
position: ;
margin-top:30px;
margin-left: 20px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.feedback-input {
color:#3c3c3c;
font-family: Helvetica, Arial, sans-serif;
font-weight:500;
font-size: 18px;
border-radius: 0;
line-height: 22px;
background-color: #fbfbfb;
padding: 13px 13px 13px 54px;
margin-bottom: 10px;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid rgba(0,0,0,0);
}
.feedback-input:focus{
background: #fff;
box-shadow: 0;
border: 3px solid #3498db;
color: #3498db;
outline: none;
padding: 13px 13px 13px 54px;
}
.focused{
color:#30aed6;
border:#30aed6 solid 3px;
}
/* Icons ---------------------------------- */
#name{
background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
background-size: 30px 30px;
background-position: 11px 8px;
background-repeat: no-repeat;
}
#name:focus{
background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
background-size: 30px 30px;
background-position: 8px 5px;
background-position: 11px 8px;
background-repeat: no-repeat;
}
#email{
background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
background-size: 30px 30px;
background-position: 11px 8px;
background-repeat: no-repeat;
}
#email:focus{
background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
background-size: 30px 30px;
background-position: 11px 8px;
background-repeat: no-repeat;
}
#comment{
background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
background-size: 30px 30px;
background-position: 11px 8px;
background-repeat: no-repeat;
}
textarea {
width: 100%;
height: 150px;
line-height: 150%;
resize:vertical;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
background-color:white;
}
#button-blue{
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
float:left;
width: 100%;
border: #fbfbfb solid 4px;
cursor:pointer;
background-color: #3498db;
color:white;
font-size:24px;
padding-top:22px;
padding-bottom:22px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-top:-4px;
font-weight:700;
}
#button-blue:hover{
background-color: rgba(0,0,0,0);
color: #0493bd;
}
.submit:hover {
color: #3498db;
}
.ease {
width: 0px;
height: 74px;
background-color: #fbfbfb;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-o-transition: .3s ease;
-ms-transition: .3s ease;
transition: .3s ease;
}
.submit:hover .ease{
width:100%;
background-color:white;
}
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.icon {
padding: 10px;
background: dodgerblue;
color: white;
min-width: 50px;
text-align: center;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
}
.input-field:focus {
border: 2px solid dodgerblue;
}
/* Atur style untuk submit button */
.btn {
background-color: dodgerblue;
color: white;
padding: 15px 20px;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
.btn:hover {
opacity: 1;
}
.form-content {
background: #fbfbfb;
border: none;
outline: none;
padding-top: 50px;
}
@media only screen and (max-width: 580px) {
#form-div{
left: 3%;
margin-right: 3%;
width: 88%;
margin-left: 0;
padding-left: 3%;
padding-right: 3%;
}
</style>
<title>JQuery Multiple Select</title>
<script src="libs/jquery.min.js"></script>
<script src="libs/jquery.multiple.select.js"></script>
<link rel="stylesheet" href="libs/multiple-select.css"/>
<script>
$(document).ready(function(){
$('#demo3').multipleSelect({
placeholder: "Peserta:",
filter:true
});
});
</script>
</head>
<body id="page-top">
<body>
<!-- Page Wrapper -->
<div id="wrapper">
<?php include "sidebar.php"; ?>
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<?php include "topbar.php";?>
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- DataTales Example -->
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">List Post</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<div class="container">
<?php
$tgl = date('Y-m-d');
?>
<br>
<div class="container">
<br><br><br>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.php">Ikatan Dokter Indonesia</a>
</div>
</div>
</nav>
<div id="form-main">
<div id="form-div">
<form method="post" action="" enctype="multipart/form-data">
<p align="center">
<label for="tbayar"><strong>Surat Perjalan Dinas</strong></label>
</p>
<label for="ket">Tanggal </label>
<input name="tglinv" class="form-control" readonly type="text" id="datepicker" value="<?php echo $tgl ?>" size="11">
</p>
<label for="tbayar">Tanggal Berangkat</label>
<br>
<p class="name"><input name="tglb" type="date" placeholder="Isi Nama" class="form-control" value="" />
</p>
<label for="jumlah">Tanggal Kembali</label>
<br>
<input name="tglk" type="text" type="date" class="form-control" placeholder="Isi Alamat" maxlength="30" value="" />
</p>
</p>Tujuan Kota/Tempat <br>
<input name="nostr" type="text" class="form-control" placeholder="Isi Tujuan Kota /tempat" maxlength="30" value=""/>
</p>
<label for="jumlah"class="merah">Maksud tujuan Dinas</label>
<br>
<input name="tempat1" type="text" class="form-control" placeholder="Isi Tujuan Dinas" maxlength="30" value=""/>
</p>
ketikkan code berikut ini:
<div class="container bg-info">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<h3 align="center">Membuat Multi Select Options Dengan Checkbox Menggunakan Jquery di PHP</h3>
<form method="post" id="form_materi">
<div class="form-group">
<label>Pilih Framework yang dikuasai</label>
<select id="framework" name="framework[]" multiple class="form-control">
<option value="Laravel">Laravel</option>
<option value="Codeigniter">Codeigniter</option>
<option value="YII">YII</option>
<option value="CakePHP">CakePHP</option>
<option value="Zend">Zend</option>
<option value="Slim">Slim</option>
<option value="Symfony">Symfony</option>
<option value="Phalcon">Phalcon</option>
<option value="Slim">Slim</option>
<option value="FuelPHP">FuelPHP</option>
<option value="Ionic">Ionic</option>
<option value="Swift">Swift</option>
<option value="Flutter">Flutter</option>
</select>
</div>
<div class="form-group">
<input type="submit" class="btn btn-warning" name="submit" value="Submit">
</div>
</form>
</div><div class="col-md-3"></div>
</div>
</div>
1
<br>
<br><br>
<h4>Peserta Dinas : </h4></center>
</table>
<table class="demo-table">
<thead>
<tr>
<th width="50px" scope="col">No</th>
<th width="200px" scope="col"> Id </th>
<th width="300px" scope="col">Nama</th>
<th width="300px" scope="col">Jabatan</th>
<th width="200px" scope="col">email</th>
<th>Action</th>
</tr>
<thead>
<?php
date_default_timezone_set('Asia/Jakarta');
// $sql=mysqli_query($konek, "SELECT * FROM mahasiswa WHERE npm='$_GET[noijazah]'");
//$sql = mysqli_query($konek, "select * from spd ");
$sql = mysqli_query($konek, "select * from spd ");
// $datahobi=explode(',', $data['nmlead']);
?>
<?php
$no = 1;
$jumlah=0;
while($du=mysqli_fetch_array($sql)){
// $harga = number_format($du['harga'],0,",",".");
// $total = number_format($du['jumlah'],0,",",".");
?>
<tr>
<td data-header='No'><?php echo $no; ?></td>
<td data-header='ID'><?php echo $du['npm']; ?></td>
<td data-header='Nama'><?php echo $du['nmlead']; ?></td>
<td data-header='Nama'><?php echo $du['jabatan']; ?></td>
<td data-header='Email'><?php echo $du['email']; ?></td>
<td data-header='Reminder' class='merah' background-color='#ffcccc' >
<a class='btn btn-danger btn-sm' href='delpst.php?id=<?php echo $du['id']; ?>'>Hapus</a></td>
</tr>
<?php
$no++;
}
?>
</tr>
</table>
<br> <br> <br>
<label for="jumlah"class="merah">Pejabat TTD SPD:</label>
<br>
<select name="ttd">
<?php
$sqlKelas = mysqli_query($konek, "select * from pengurus where jabatan='ketua' ");
while($k=mysqli_fetch_array($sqlKelas)){
$selected = "selected";
?>
<option value="<?php echo $k['jabatan']; ?>" <?php echo $selected; ?>> <?php echo $k['nama']; ?></option>
<?php
}
?></select>
</p>
<br><br>
<label for="keterangan ">Note Tambahan</label> </p>
<textarea name="note" class="" id="note" placeholder="Isi Keterangan" ></textarea>
</p>
</p>
<p> </p>
<div class="submit">
<input type="submit" id="button-blue" value="Submit" />
<div class="ease"></div>
</div>
</form>
<h4>Surat perjalanan Dinas</h4>
<h4>Surat perjalanan Dinas</h4>
<?php
if(isset($_POST['Pilih'])) {
echo "Peserta: <br/>";
$demo4 = isset($_POST['demo3']) ? $_POST['demo3'] : null;
if ($demo4<>''){
echo implode(", ", $demo4);
$hobi = implode(",", $demo4);
//$hobi = explode(",", $demo4);
mysqli_query($konek,"INSERT into spd(nmlead) VALUES('".$hobi."')");
}
}
?>
<br> <br>
<?php
//insert.php
//$conn = mysqli_connect("localhost", "", "", "test");
if(isset($_POST["framework"]))
{
$materi = '';
foreach($_POST["framework"] as $row)
{
$materi .= $row . ', ';
}
$materi = substr($materi, 0, -2);
$query = "INSERT INTO spd(nmlead) VALUES('".$materi."')";
if(mysqli_query($konek, $query))
{
echo 'Data Inserted';
}
}
?>
<script>
$(document).ready(function(){
$('#framework').multiselect({
nonSelectedText: 'Pilih Framework',
enableFiltering: true,
enableCaseInsensitiveFiltering: true,
buttonWidth:'400px'
});
$('#form_materi').on('submit', function(event){
event.preventDefault();
var form_data = $(this).serialize();
$.ajax({
url:"insert.php",
method:"POST",
data:form_data,
success:function(data)
{
$('#framework option:selected').each(function(){
$(this).prop('selected', false);
});
$('#framework').multiselect('refresh');
alert(data);
}
});
});
});
</script>
// if($_SERVER['REQUEST_METHOD']=='POST'){
// if(isset($_POST['Pilih'])) {
//
//
// $npm=$_POST['npm'];
// $email=$_POST['email'];
// $nmlead=$_POST['nmlead'];
// $jabatan=$_POST['jabatan'];
// //cetak detail nonspp
// $jumlah_dipilih = count($npm);
// for($x=0;$x<$jumlah_dipilih;$x++){
// //mysql_query("INSERT INTO d_nonspp (npm,tkelas,kelas,jenis_tagihan,jumlah,tahunajaran)
// //values('$nonnpm[$x]','$nontkelas[$x]','$nonkelas[$x]','$jenis[$x]','$jumlah[$x]','$tajaran[$x]')");
// mysqli_query($konek,"INSERT INTO spd (npm,nmlead,jabatan,email,level)
// values('$npm[$x]','$nmlead[$x]','$jabatan[$x]','$email[$x]','pengurus')");
// }
// }
// }
?>
<br> <br>
</div>
</div>
</div>
</body>
</html>
<?php include "footer.php";?>
</div>
<!-- End Main Content -->
</div>
<!-- End Page Wrapper -->
<!-- Bootstrap core JavaScript-->
</div>
</body>
</html>