Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67423 Members, 783 Products, 5280 Topic, 12953 Comments)

Bagaiaman untuk menampilkan halaman konten ketika klik menu

Dibuat
Login Terakhir 5 Tahun lalu,
Telah Dilihat 3163 Kali
Nian Dwi Christianto SW Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2.  
  3. Berikut saya tampilkan koding terkait dengan halaman yang tidak muncul :
  4.  
  5. > Untuk Desain View menu ada di content,
  6. 1. content.php
  7. <?php
  8. ?>
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <title>Dashboard - Aplikasi SHE Simper</title>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15. <!-- bootstrap -->
  16. <link href="css/bootstrap.css" rel="stylesheet" />
  17. <link href="css/style.css" rel="stylesheet" />
  18. <link href="css/bootstrap-overrides.css" type="text/css" rel="stylesheet" />
  19. <!-- theme -->
  20. <link rel="stylesheet" type="text/css" href="css/theme/default.css" />
  21. <!-- libraries -->
  22. <link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
  23. <link rel="stylesheet" type="text/css" href="css/elements/dataTables.bootstrap.css" />
  24. <link rel="stylesheet" type="text/css" href="css/elements/tables.css" />
  25. <link rel="stylesheet" type="text/css" href="css/elements/form.css" />
  26. <link rel="stylesheet" type="text/css" href="css/elements/bootstrap-wysihtml5.css" />
  27. <!-- open sans font -->
  28. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  29. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,700italic,400,700" rel="stylesheet" type="text/css">
  30.  
  31. </head>
  32. <body>
  33. <header class="navbar navbar-inverse navbar-fixed-top" role="banner">
  34. <?php include "header.php"; ?>
  35. </header>
  36. <!-- sidebar -->
  37. <div id="sidebar-nav">
  38. <div class="profile-hidder">
  39. <ul class="nav">
  40. <li class="nav-profile">
  41. <div class="image">
  42. <a href="javascript:;"><img src="images/user_1.jpg" alt=""></a>
  43. </div>
  44. <div class="info">
  45. <a href=""><?php echo $_SESSION[namalengkap]; ?> <b class="caret"></b></a>
  46. </div>
  47. </li>
  48. </ul>
  49. </div>
  50. <?php include "menu.php"; ?>
  51. </div>
  52. <!-- end sidebar -->
  53.  
  54. <!-- main container -->
  55. <div class="content">
  56. <div id="pad-wrapper">
  57. <?php
  58. if ($_GET[view]=='home' OR $_GET[view]==''){
  59. include "dashboard.php";
  60. }elseif ($_GET[view]=='user'){
  61. include "user.php";
  62.  
  63. }elseif ($_GET[view]=='kegiatan'){
  64. if ($_GET[act]==''){
  65. include "proses/kegiatan.php";
  66.  
  67. }elseif ($_GET[view]=='pendaftaran'){
  68. if ($_GET[act]==''){
  69. include "proses/pendaftaran.php";
  70.  
  71. }elseif ($_GET[view]=='daftar'){
  72. include "proses/daftar.php";
  73. }elseif($_GET[act]=='edit'){
  74. include "proses/kegiatan_edit.php";
  75. }elseif($_GET[act]=='detail'){
  76. include "proses/kegiatan_detail.php";
  77. }elseif($_GET[act]=='tambah'){
  78. include "proses/kegiatan_insert.php";
  79. }
  80. }elseif ($_GET[view]=='spdlist'){
  81. include "proses/spd_list.php";
  82. }
  83. }
  84.  
  85. ?>
  86.  
  87.  
  88.  
  89.  
  90. </div>
  91. </div>
  92. <!-- /main container -->
  93.  
  94. <!--post modal-->
  95. <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  96. <div class="modal-dialog">
  97. <div class="modal-content">
  98. <div class="modal-header">
  99. <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
  100. <h4><strong>Delete Confirmation</strong></h4>
  101. </div>
  102. <div class="modal-body"><p></p></div>
  103. <div class="modal-footer">
  104. <button class="btn btn-default btn-sm" data-dismiss="modal" aria-hidden="true">Close</button>
  105. <button data-dismiss="modal" class="btn btn-danger btn-sm" id="btnYes">Confirm</button>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110.  
  111. <!-- scripts -->
  112. <script src="js/jquery.min.js"></script>
  113. <script src="js/bootstrap.js"></script>
  114. <script src="js/theme.js"></script>
  115.  
  116. <script src="js/dashboard/jquery-jvectormap-1.2.2.min.js"></script>
  117. <script src="js/dashboard/jquery-jvectormap-world-mill-en.js"></script>
  118. <script src="js/dashboard/jquery.sparkline.min.js"></script>
  119.  
  120. <script src="js/dashboard/waypoints.min.js"></script>
  121. <script src="js/dashboard/jquery.counterup.min.js"></script>
  122. <script src="js/bootstrap-modal.js"></script>
  123.  
  124. <script src="js/flot/jquery.flot.js"></script>
  125. <script src="js/flot/jquery.flot.resize.js"></script>
  126.  
  127. <script src="js/tables/jquery.jeditable.js"></script>
  128. <script src="js/tables/jquery.dataTables.js"></script>
  129. <script src="js/tables/dataTables.bootstrap.js"></script>
  130.  
  131. <script src="js/form/app.js"></script>
  132. <script src="js/form/app.plugin.js"></script>
  133. <script src="js/form/datepicker/bootstrap-datepicker.js"></script>
  134. <script src="js/form/slider/bootstrap-slider.js"></script>
  135. <script src="js/form/bootstrap.file-input.js"></script>
  136. <script src="js/form/combodate/moment.min.js"></script>
  137. <script src="js/form/combodate/combodate.js"></script>
  138. <script src="js/form/parsley/parsley.min.js"></script>
  139.  
  140. <script src="js/tables/jquery.peity.min.js"></script>
  141. <script src="js/tables/peity-demo.js"></script>
  142. <script src="js/tables/icheck.min.js"></script>
  143.  
  144. <!--wysiwyg editor -->
  145. <script src="js/editor/wysihtml5-0.3.0.js"></script>
  146. <script src="js/editor/bootstrap3-wysihtml5.js"></script>
  147.  
  148. <script type="text/javascript">
  149. $(document).on("click", ".open-AddBookDialog", function () {
  150. var myBookId = $(this).data('id');
  151. var myBookId1 = $(this).data('id1');
  152. var myBookId2 = $(this).data('id2');
  153. var myBookId3 = $(this).data('id3');
  154. var myBookId4 = $(this).data('id4');
  155. var myBookId5 = $(this).data('id5');
  156.  
  157.  
  158. $(".modal-body #bookId").val( myBookId );
  159. $(".modal-body #bookId1").val( myBookId1 );
  160. $(".modal-body #bookId2").val( myBookId2 );
  161. $(".modal-body #bookId3").val( myBookId3 );
  162. $(".modal-body #bookId4").val( myBookId4 );
  163. $(".modal-body #bookId5").val( myBookId5 );
  164. });
  165. </script>
  166. <script type="text/javascript">
  167. //wysihtml5
  168. $('.textarea').wysihtml5({
  169. "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
  170. "emphasis": true, //Italics, bold, etc. Default true
  171. "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
  172. "html": true, //Button which allows you to edit the generated HTML. Default false
  173. "link": true, //Button to insert a link. Default true
  174. "image": true, //Button to insert an image. Default true,
  175. "color": false, //Button to change color of font
  176. "size": 'sm' //Button size like sm, xs etc.
  177. });
  178.  
  179.  
  180. $(document).ready(function () {
  181. $('.i-checks').iCheck({
  182. checkboxClass: 'icheckbox_square-green',
  183. radioClass: 'iradio_square-green',
  184. });
  185. });
  186. </script>
  187.  
  188.  
  189.  
  190. <script type="text/javascript">
  191. $(document).ready(function() {
  192. $('.dataTables-example').dataTable();
  193.  
  194. /* Init DataTables */
  195. var oTable = $('#editable').dataTable();
  196.  
  197. /* Apply the jEditable handlers to the table */
  198. oTable.$('td').editable( 'example_ajax.html', {
  199. "callback": function( sValue, y ) {
  200. var aPos = oTable.fnGetPosition( this );
  201. oTable.fnUpdate( sValue, aPos[0], aPos[1] );
  202. },
  203. "submitdata": function ( value, settings ) {
  204. return {
  205. "row_id": this.parentNode.getAttribute('id'),
  206. "column": oTable.fnGetPosition( this )[2]
  207. };
  208. },
  209.  
  210. "width": "90%"
  211. } );
  212.  
  213.  
  214. });
  215.  
  216. function fnClickAddRow() {
  217. $('#editable').dataTable().fnAddData( [
  218. "Custom row",
  219. "New row",
  220. "New row",
  221. "New row",
  222. "New row" ] );
  223.  
  224. }
  225. </script>
  226.  
  227. </body>
  228. </html>
  229.  
  230. > Link menu dengan beberapa list
  231. 2. menu.php
  232. <ul style='margin-top:25px' id="dashboard-menu">
  233. <li><a class="btn btn-success satu" href="index.mu">
  234. <i style='margin-top:-11px; color:#fff' class="fa fa-laptop"></i>
  235. <span>Dashboard</span></a>
  236. </li>
  237.  
  238. <li><a class="btn btn-info dua" href="kegiatan.mu">
  239. <i style='margin-top:-11px; color:#fff' class="fa fa-book"></i>
  240. <span>Data Karyawan</span></a></li>
  241.  
  242. <li><a class="btn btn-info dua" href="pendaftaran.mu">
  243. <i style='margin-top:-11px; color:#fff' class="fa fa-book"></i><span>Data User Akses</span></a></li>
  244.  
  245. <li><a class="btn btn-danger dua" href="spd-list.mu">
  246. <i style='margin-top:-11px; color:#fff' class="fa fa-list"></i>
  247. <span>PRINT Laporan </span></a>
  248. </li>
  249.  
  250. <li><a class="btn btn-primary tiga" href="logout.php">
  251. <i style='margin-top:-11px; color:#fff' class="fa fa-user"></i>
  252. <span>Logout</span></a>
  253. </li>
  254. </ul>
  255.  
  256. > Yang akan muncul di konten adalah sebagai berikut :
  257.  
  258. 3. pendaftaran.php
  259.  
  260. <?php
  261. include'koneksi.php';
  262. if (isset($_POST[submit])){
  263. $tanggal_lahir = "$_POST[thn]-$_POST[bln]-$_POST[tgl]";
  264. $password = md5($_POST[b]);
  265. mysql_query("INSERT INTO phpmu_user VALUES('$_POST[username]','$password','$_POST[c]','$_POST[d]','$_POST[e]','$tanggal_lahir','$_POST[jk]','$_POST[f]','Non Aktif')");
  266. echo "<script>document.location='index.php';</script>";
  267. }
  268. ?>
  269.  
  270.  
  271. <h4 style='padding-top:15px'>Hasil Input Data Karyawan </h4>
  272. <!-- Basic Data Tables Example -->
  273.  
  274. <div class="row">
  275. <div class="col-md-12">
  276. <article>
  277. <div class="alert alert-success">
  278. <strong>Pendaftaran User Baru</strong></div>
  279. <?php
  280. if ($_GET[status]=='success'){
  281. echo "<center style='margin-top:5%'>Sukses Mendaftar Sebagai Penulis/Author Baru.
  282. <br>Akun anda Akan segera Kita proses, Jika akun sudah aktif silahkan login dari <br> Melalui Menu Login
  283. Terima kasih..</center>";
  284. }else{
  285. ?>
  286.  
  287. <a class='btn btn-primary' href='index.php?view=pendaftaran&act=tambah'><i class='fa fa-plus'>
  288.  
  289. <form action='' method='POST' class="form-horizontal" role="form">
  290. <div class="form-group">
  291. <label for='inputEmail3' class='col-sm-2 control-label'>Username</label>
  292. <div class="input-group col-lg-9">
  293. <div class="col-lg-5"><input type="text" class="form-control " name='a' placeholder="Masukkan Username" required></div>
  294. </div>
  295. </div>
  296.  
  297. <div class="form-group">
  298. <label for='inputEmail3' class='col-sm-2 control-label'>Password</label>
  299. <div class="input-group col-lg-9">
  300. <div class="col-lg-5"><input type="password" class="form-control " name='b' placeholder="Masukkan Password" required></div>
  301. </div>
  302. </div>
  303.  
  304. <div class="form-group">
  305. <label for='inputEmail3' class='col-sm-2 control-label'>Nama Lengkap</label>
  306. <div class="input-group col-lg-9">
  307. <div class="col-lg-8"><input type="text" class="form-control " name='c' placeholder="Nama Lengkap" required></div>
  308. </div>
  309. </div>
  310. <div class="form-group">
  311. </div>
  312. <div class="form-group">
  313. <label for='inputEmail3' class='col-sm-2 control-label'>Jabatan </label>
  314. <div class="input-group col-lg-7">
  315. <div class="col-lg-7">
  316. <select class="form-control " name='g' required>
  317. <option value='0' selected>- Pilih Jabatan -</option>
  318. <?php
  319. $jabatan = mysql_query("SELECT * FROM function");
  320. while ($j = mysql_fetch_array($jabatan)){
  321. echo "<option value='$j[id]'>$j[function]</option>";
  322. }
  323. ?>
  324. </select>
  325. </div>
  326. </div>
  327. </div>
  328.  
  329. <div class="form-group">
  330. <label for='inputEmail3' class='col-sm-2 control-label'></label>
  331. <div class="col-sm-offset col-sm-9"><hr>
  332. <button type="submit" name='submit' class="btn btn-success">Kirimkan Pendaftaran</button><br><br>
  333. </div>
  334. </div>
  335. </form>
  336. <?php echo "<script>document.location='pendaftaran.mu';</script>";} ?>
  337. </article>
  338. </div>
  339. </div>
  340.  
  341.  
  342.  
  343.  
Ada 1 File Kiriman :
1. _htaccess1.zip (269 B)

Ada 1 Jawaban

Bukhori Muslim
commented on 21 Agu 2018 06:27:00
  1. Assalam,.. untuk mengambil/menampilakn data pada content bisa linknya jadi begini gan :
  2. http://domain.com/content.php?view=kegiatan
  3. dengan mengakses url di atas nanti akan menampilkan data pada : include "proses/kegiatan.php";
  4. pada bagian contentnya. ^_^
  5.  
  6. jika ingin akses dengan htaccess / redirect dengan htaacess buat aturan begini :
  7. RewriteRule ^kegiatan\.mu$ content.php?view=kegiatan&id=$1 [L]
  8.  
  9. jadi nanti cukup dengan ketikkan begini sudah bisa akses content kegiatannya.
  10. http://domain.com/kegiatan.mu
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!