jquery-php-crud-paging/index.php
2020-01-02 23:00:12 +07:00

73 lines
2.0 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?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>