API tools faq
paste
Advertisement
Guest User

Index.php

a guest
Nov 17th, 2015
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="">
  10.     <meta name="author" content="">
  11.  
  12.     <title>Inventory</title>
  13.  
  14.     <!-- Bootstrap Core CSS -->
  15.     <link href="css/bootstrap.min.css" rel="stylesheet">
  16.  
  17.     <!-- Custom CSS -->
  18.     <link href="css/scrolling-nav.css" rel="stylesheet">
  19.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  20.     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
  21.  
  22.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  23.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  24.     <!--[if lt IE 9]>
  25.        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  26.        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  27.    <![endif]-->
  28.  
  29.     <style>
  30.         td{
  31.             padding: 15px;
  32.         }
  33.     </style>
  34.  
  35.  
  36.     <script>
  37.  
  38. </script>
  39.  
  40. <!-- The #page-top ID is part of the scrolling feature - the data-spy and data-target are part of the built-in Bootstrap scrollspy function -->
  41.  
  42. <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
  43.  
  44.     <!-- Navigation -->
  45.     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  46.         <div class="container">
  47.             <div class="navbar-header page-scroll">
  48.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  49.                     <span class="sr-only">Toggle navigation</span>
  50.                     <span class="icon-bar"></span>
  51.                     <span class="icon-bar"></span>
  52.                     <span class="icon-bar"></span>
  53.                 </button>
  54.                 <a class="navbar-brand page-scroll" href="#page-top">Home</a>
  55.             </div>
  56.  
  57.             <!-- Collect the nav links, forms, and other content for toggling -->
  58.             <div class="collapse navbar-collapse navbar-ex1-collapse">
  59.                 <ul class="nav navbar-nav">
  60.                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
  61.                     <li class="hidden">
  62.                         <a class="page-scroll" href="#page-top"></a>
  63.                     </li>
  64.                     <li>
  65.                         <a class="page-scroll" href="#about">Add Item</a>
  66.                     </li>
  67.                     <li>
  68.                         <a class="page-scroll" href="#services">Review Items</a>
  69.                     </li>
  70.                     <li>
  71.                         <a class="page-scroll" href="#contact">Update</a>
  72.                     </li>
  73.                 </ul>
  74.             </div>
  75.             <!-- /.navbar-collapse -->
  76.         </div>
  77.         <!-- /.container -->
  78.     </nav>
  79.  
  80.     <!-- Intro Section -->
  81.     <section id="intro" class="intro-section">
  82.         <div class="container">
  83.             <div class="row">
  84.                 <div class="col-lg-12">
  85.                     <h1>Add Item</h1>
  86.                         <center><form action="javascript:void(0);" class="js-ajax-php-json" method="post" accept-charset="utf-8">
  87.                         <table cellpadding="10">
  88.                             <tr>
  89.                                   <input type="hidden" name="type" value="FormSubmit">
  90.                                 <td><label>Item Type</label></td>
  91.                                 <td><select name="itemType" id="itemType" required><option></option><option value="Conference Room Chair">Conference Room Chair</option><option value="Conference Room Table">Conference Room Table</option><option value="Couch">Couch</option><option value="Credenza">Credenza</option><option value="Desk">Desk</option><option value="File Cabinet (2 Drawer)">File Cabinet (2 Drawer)</option><option value="File Cabinet (3 Drawer)">File Cabinet (3 Drawer)</option><option value="File Cabinet (4 Drawer)">File Cabinet (4 Drawer)</option><option value="Office Chair">Office Chair</option><option value="Phone">Phone</option><option value="Printer">Printer</option><option value="Projector">Projector</option><option value="Shelf">Shelf</option><option value="Side Chair">Side Chair</option><option value="Table">Table</option></select><br/></td>
  92.                             </tr>
  93.                             <tr>
  94.                                 <td><label>Location</label></td>
  95.                                 <td><input type="text" name="location" id="location" value="Enter Location" required /><br /></td>
  96.                             </tr>
  97.                             <tr>
  98.                                 <td><label>Approximate Location</label></td>
  99.                                 <td><select name="approxLoc" id="approxLoc" required><option></option><option value="Centeral Building">Central Building</option><option value="South 40">South 40</option><option value="Fiscal">Fiscal</option><option value="Lower Level">Lower Level</option></select></td>
  100.                             </tr>
  101.                             <tr>
  102.                                 <td><label>Extra Info</label></td>
  103.                                 <td><input type="text" name="extraInfo" id="extraInfo" value="Enter Extra Info" /><br /></td>
  104.                             </tr>
  105.                             <tr>
  106.                                 <td><label>Replacement Value</label></td>
  107.                                 <td><input type="Text" name="replacementValue" id="replacementValue" value="Enter Replacement Value"/><br /></td>
  108.                             </tr>
  109.                         </table>
  110.                         <input type="submit" name="submit" id="submitForm"  class="btn btn-primary" value="Submit form" />
  111.                         </form></center>
  112.                         <div class="the-return">
  113.                        
  114.                         </div>
  115.  
  116.                         <br /> <br />
  117.                     <a class="btn btn-default page-scroll" href="#about">View Data</a>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     </section>
  122.  
  123.     <!-- About Section -->
  124.     <section id="about" class="about-section">
  125.         <div class="container">
  126.             <div class="row">
  127.                 <div class="col-lg-12">
  128.                     <h1>View Items</h1>
  129.                       <div class="table-responsive">
  130.                         <table class="table table-hover">
  131.                           <thead>
  132.                             <tr>
  133.                               <th><Center>ID</Center></th>
  134.                               <th><Center>Item Type</Center></th>
  135.                               <th><Center>Item Location</Center></th>
  136.                               <th><Center>Extra Information</Center></th>
  137.                               <th><Center>Replacement Value</Center></th>
  138.                               <th><Center>Last Date Edited</Center></th>
  139.                             </tr>
  140.                           </thead>
  141.                           <tbody id="myTable" class="tableAll">
  142.                                      
  143.                           </tbody>
  144.                         </table>  
  145.                           <input type="submit" name="submit" id="testSub"  class="btn btn-primary" value="Submit form" />
  146.                       </div>
  147.       <div class="col-md-12 text-center">
  148.       <ul class="pagination pagination-lg pager" id="myPager"></ul>
  149.       </div>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.     </section>
  154.  
  155.     <!-- Services Section -->
  156.     <section id="services" class="services-section">
  157.         <div class="container">
  158.             <div class="row">
  159.                 <div class="col-lg-12">
  160.                     <h1>Services Section</h1>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.     </section>
  165.  
  166.     <!-- Contact Section -->
  167.     <section id="contact" class="contact-section">
  168.         <div class="container">
  169.             <div class="row">
  170.                 <div class="col-lg-12">
  171.                     <h1>Contact Section</h1>
  172.                
  173.                 </div>
  174.             </div>
  175.         </div>
  176.     </section>
  177.     <!-- Select element-->
  178.  
  179.  
  180.     <!-- jQuery -->
  181.     <script src="js/jquery.js"></script>
  182.  
  183.     <!-- Bootstrap Core JavaScript -->
  184.     <script src="js/bootstrap.min.js"></script>
  185.        <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  186.  
  187.  
  188.         <script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  189.     <!-- Scrolling Nav JavaScript -->
  190.     <script src="js/jquery.easing.min.js"></script>
  191.     <script src="js/scrolling-nav.js"></script>
  192.     <script type='text/javascript'>
  193.        
  194.             $.fn.pageMe = function(opts){
  195.     var $this = this,
  196.         defaults = {
  197.             perPage: 7,
  198.             showPrevNext: false,
  199.             hidePageNumbers: false
  200.         },
  201.         settings = $.extend(defaults, opts);
  202.    
  203.     var listElement = $this;
  204.     var perPage = settings.perPage;
  205.     var children = listElement.children();
  206.     var pager = $('.pager');
  207.    
  208.     if (typeof settings.childSelector!="undefined") {
  209.         children = listElement.find(settings.childSelector);
  210.     }
  211.    
  212.     if (typeof settings.pagerSelector!="undefined") {
  213.         pager = $(settings.pagerSelector);
  214.     }
  215.    
  216.     var numItems = children.size();
  217.     var numPages = Math.ceil(numItems/perPage);
  218.  
  219.     pager.data("curr",0);
  220.    
  221.     if (settings.showPrevNext){
  222.         $('<li><a href="#" class="prev_link">«</a></li>').appendTo(pager);
  223.     }
  224.    
  225.     var curr = 0;
  226.     while(numPages > curr && (settings.hidePageNumbers==false)){
  227.        $('<li><a href="#" class="page_link">'+(curr+1)+'</a></li>').appendTo(pager);
  228.         curr++;
  229.     }
  230.    
  231.     if (settings.showPrevNext){
  232.         $('<li><a href="#" class="next_link">»</a></li>').appendTo(pager);
  233.     }
  234.    
  235.     pager.find('.page_link:first').addClass('active');
  236.     pager.find('.prev_link').hide();
  237.     if (numPages<=1) {
  238.        pager.find('.next_link').hide();
  239.    }
  240.    pager.children().eq(1).addClass("active");
  241.    
  242.    children.hide();
  243.    children.slice(0, perPage).show();
  244.    
  245.    pager.find('li .page_link').click(function(){
  246.        var clickedPage = $(this).html().valueOf()-1;
  247.        goTo(clickedPage,perPage);
  248.        return false;
  249.    });
  250.    pager.find('li .prev_link').click(function(){
  251.        previous();
  252.        return false;
  253.    });
  254.    pager.find('li .next_link').click(function(){
  255.        next();
  256.        return false;
  257.    });
  258.    
  259.    function previous(){
  260.        var goToPage = parseInt(pager.data("curr")) - 1;
  261.        goTo(goToPage);
  262.    }
  263.    
  264.    function next(){
  265.        goToPage = parseInt(pager.data("curr")) + 1;
  266.        goTo(goToPage);
  267.    }
  268.    
  269.    function goTo(page){
  270.        var startAt = page * perPage,
  271.            endOn = startAt + perPage;
  272.        
  273.        children.css('display','none').slice(startAt, endOn).show();
  274.        
  275.        if (page>=1) {
  276.             pager.find('.prev_link').show();
  277.         }
  278.         else {
  279.             pager.find('.prev_link').hide();
  280.         }
  281.        
  282.         if (page<(numPages-1)) {
  283.            pager.find('.next_link').show();
  284.        }
  285.        else {
  286.            pager.find('.next_link').hide();
  287.        }
  288.        
  289.        pager.data("curr",page);
  290.        pager.children().removeClass("active");
  291.        pager.children().eq(page+1).addClass("active");
  292.    
  293.    }
  294. };
  295.  
  296.  
  297. $(document).ready(function(){
  298.    $.ajax({
  299.        url: "database.php", success: function(info){
  300.            $(".tableAll").html(
  301.                    info
  302.                );
  303.        }
  304.    });
  305.    $("#submitForm").click(function(){
  306.        $.ajax({type: 'post', data: $('form').serialize(), url: "database.php", success: function(info){
  307.              $(".the-return").html(
  308.                    info
  309.                );
  310.        }});
  311.    });
  312.     $("#submitForm1").click(function(){
  313.        $.ajax({type: 'post', data: $('form').serialize(), url: "database.php", success: function(info){
  314.              $(".the-return").html(
  315.                    info
  316.                );
  317.        }});
  318.    });
  319.         $('#myTable').pageMe({pagerSelector:'#myPager',showPrevNext:true,hidePageNumbers:false,perPage:4});
  320. });
  321.        
  322.        </script>
  323.  
  324. </body>
  325.  
  326. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!