alazhar/jquery-php-crud-paging
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
alazhar
2020-01-02 23:00:12 +07:00
commit 2c52ef6943
15 changed files with 9809 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
index.php Normal file
View File

@ -0,0 +1,72 @@
<?php
// memanggil berkas koneksi.php
require 'koneksi.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery - php crud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.png"/>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="navbar navbar-static-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href=""></a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<h3>
<!-- textbox untuk pencarian -->
<div class="input-prepend pull-right">
<span class="add-on"><i class="icon-search"></i></span>
<input class="span2" id="prependedInput" type="text" name="pencarian" placeholder="Pencarian..">
</div>
Data Mahasiswa
<a href="#dialog-mahasiswa" id="0" class="btn tambah" data-toggle="modal">
<i class="icon-plus"></i> Tambah Data
</a>
</h3>
<!-- tempat untuk menampilkan data mahasiswa -->
<div id="data-mahasiswa"></div>
</div>
</div>
<!-- awal untuk modal dialog -->
<div id="dialog-mahasiswa" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Tambah Data Mahasiswa</h3>
</div>
<!-- tempat untuk menampilkan form mahasiswa -->
<div class="modal-body"></div>
<div class="modal-footer">
<button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Batal</button>
<button id="simpan-mahasiswa" class="btn btn-success">Simpan</button>
</div>
</div>
<!-- akhir kode modal dialog -->
<!-- memanggil berkas javascript yang dibutuhkan -->
<script src="jquery-1.8.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="aplikasi.js"></script>
</body>
</html>