Advertisement
Guest User

login.php

a guest
Nov 9th, 2016
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.        
  8.         <title>Imam Nur Setyo</title>
  9.        
  10.         <!--Bootstrap-->
  11.             <link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  12.         <!--CSS-->
  13.             <link href="./assets/css/login.css" rel="stylesheet">
  14.         <!--[if lt IE 9]>
  15.             <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  16.             <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  17.         <![endif]-->
  18. <script type="text/javascript">
  19. $(document).ready(function(){
  20.     $(".loader").hide();
  21.     $("#report").show();
  22.         $("#submit").click(function(event){
  23.             $("#report").hide();
  24.             $(".loader").show();
  25.             $.ajax({
  26.                     type:"POST", url:'do-login.php',
  27.                     data:{ get:'login', username:$('#user').val(),password:$('#pass').val() },
  28.     success:function(data){
  29.         $("#report").show();
  30.         $('#report').html(data);
  31.         $(".loader").hide()}
  32.         })
  33.     })
  34. });
  35. </script>
  36.     </head>
  37. <body>
  38. <div class="container">
  39.     <nav class="navbar navbar-inverse">
  40.         <div class="container-fluid">
  41.             <div class="navbar-header">
  42.                 <a class="navbar-brand" href="#">Website</a>
  43.             </div>
  44.             <ul class="nav navbar-nav">
  45.               <li class="active"><a href="#">Home</a></li>
  46.               <li><a href="#">Page 1</a></li>
  47.               <li><a href="#">Page 2</a></li>
  48.               <li><a href="#">Page 3</a></li>
  49.             </ul>
  50.         <ul class="nav navbar-nav navbar-right">
  51.           <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
  52.           <li><a href="#" data-toggle="modal" data-target="#dialoglogin"><span class="glyphicon glyphicon-log-in"></span> Login</a>
  53.                 <div id="dialoglogin" class="modal fade" role="dialog">
  54.                     <div class="modal-dialog">
  55.                         <div class="modal-content">
  56.                             <div class="modal-header">
  57.                                 <button type="button" class="close" data-dismiss="modal">&times;</button>
  58.                                 <h4 class="modal-title">Menu Login</h4>
  59.                             </div>
  60.                             <div class="modal-body">
  61.                                 <div id="report"><img src="" class="loader"></div>
  62.                                 <div class="form-group">
  63.                                     <label for="usr">E-mail atau Username:</label>
  64.                                     <input class="form-control" type="text" id="user" />
  65.                                 </div>
  66.                                 <div class="form-group">
  67.                                     <label for="pwd">Password:</label>
  68.                                     <input class="form-control" type="password" id="pass" />
  69.                                 </div>
  70.                                 <div class="checkbox">
  71.                                     <label><input type="checkbox"> Remember me</label>
  72.                                 </div>
  73.                             </div>
  74.                             <div class="modal-footer">
  75.                                 <label>&nbsp;</label>
  76.                                 <input class="btn btn-default" type="button" name="daftar" value="Daftar">
  77.                                 <label>atau</label>
  78.                                 <input class="btn btn-default" type="submit" id="submit" value="Masuk">
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.           </li>
  84.         </ul>
  85.       </div>
  86.     </nav>
  87. </div>
  88.     <!-- jQuery online menggunakan CDN -->
  89.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  90.    
  91.     <!-- jQuery lokal -->
  92.     <script src="./assets/jquery/jquery-3.1.1.min.js"></script>
  93.  
  94.     <script src="./assets/bootstrap/js/bootstrap.min.js"></script>
  95. </body>
  96. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement