Jumat, 04 Desember 2015

index.php

Preview Index (Jendela Login Sistem Inventory)





Source Code :

  1. <?php
  2. session_start();
  3. require("_db.php");
  4. ?>
  5. <!doctype html>
  6. <html>
  7. <head>
  8. <meta charset="utf-8">
  9. <title>PT CJI</title>
  10. <link rel="stylesheet" href="css/style.default.css" type="text/css" />
  11. <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
  12. <script type="text/javascript" src="js/jquery-migrate-1.1.1.min.js"></script>
  13. </head>
  14. <body class="loginbody">
  15.     <div class="loginwrapper">
  16.         <div class="loginwrap zindex100 animate2 bounceInDown">
  17.         <h1 class="logintitle"><span class="iconfa-lock"></span> Sistem Inventory PT. CJI<span class="subtitle">Silahkan login untuk memulai.</span></h1>
  18.             <div class="loginwrapperinner">
  19.                 <?php include("login.php") ?>
  20.             </div><!--loginwrapperinner-->
  21.         </div>
  22.         <div class="loginshadow animate3 fadeInUp"></div>
  23.     </div><!--loginwrapper-->
  24.    
  25.     <script type="text/javascript">
  26.     jQuery.noConflict();
  27.    
  28.     jQuery(document).ready(function(){
  29.        
  30.         var anievent = (jQuery.browser.webkit)? 'webkitAnimationEnd' : 'animationend';
  31.         jQuery('.loginwrap').bind(anievent,function(){
  32.             jQuery(this).removeClass('animate2 bounceInDown');
  33.         });
  34.        
  35.         jQuery('#username,#password').focus(function(){
  36.             if(jQuery(this).hasClass('error')) jQuery(this).removeClass('error');
  37.         });
  38.        
  39.         jQuery('#loginform button').click(function(){
  40.             if(!jQuery.browser.msie) {
  41.                 if(jQuery('#username').val() == '' || jQuery('#password').val() == '') {
  42.                     if(jQuery('#username').val() == '') jQuery('#username').addClass('error'); else jQuery('#username').removeClass('error');
  43.                     if(jQuery('#password').val() == '') jQuery('#password').addClass('error'); else jQuery('#password').removeClass('error');
  44.                     jQuery('.loginwrap').addClass('animate0 wobble').bind(anievent,function(){
  45.                         jQuery(this).removeClass('animate0 wobble');
  46.                     });
  47.                 } else {
  48.                     jQuery('.loginwrapper').addClass('animate0 fadeOutUp').bind(anievent,function(){
  49.                         jQuery('#loginform').submit();
  50.                     });
  51.                 }
  52.                 return false;
  53.             }
  54.         });
  55.     });
  56.     </script>
  57. </body>
  58. </html>



Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)