order.php

<!DOCTYPE html>
<html>
<head>
	<title>Admin</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" >
  <link rel="icon" href="../favicon.png" type="image/png" sizes="16x16">
	<link rel="stylesheet" href="../assets/css/bootstrap.min.css" type="text/css" />
	<link rel="stylesheet" href="../assets/css/admin.css" type="text/css" />
  <link rel="stylesheet" href="../assets/css/jquery-ui.css" type="text/css" />
	<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="../assets/js/bootstrap.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.0-rc.1/jquery-ui.js"></script>

<script type="text/javascript">

$(document).ready(function(){
function slideout(){
  setTimeout(function(){
  $("#response").slideUp("slow", function () {
      });

}, 3000);}

    $("#response").hide();
	$(function() {
	$("#list ul").sortable({ opacity: 0.8, cursor: 'move', update: function() {

		 var order = $(this).sortable("serialize") + '&update=order';
			$.post("updateList.php", order, function(response){
				$("#response").html(response);
				$("#response").slideDown('slow');
				slideout();
			});
		}
		});
	});

});


</script>

</head>
<body class="bodyadmin">


<div id="header">
  <div class="logo">
    <a href="#">Welcome <span>Source Admin</span></a>
  </div>

</div>


<a class="mobile">MENU</a>


<div id="container">

  <div class="sidebar">
    <ul id="nav">
      <li><a class="selected" href="#">Dashboard sidebar</a></li>
	  <li><a href="<?php echo BASE_URL; ?>" target="_blank">Visit site</a></li>
      <li><a href="../logout.php">Log Out</a></li>
      <li><a href="_all.php">All Pages</a></li>
      <li><a href="_add.php">Add new Page</a></li>
      <li><a href="media.php">Media</a></li>
      <li><a href="_options.php">Options</a></li>
      <li><a href="add_menu.php">Meniu</a></li>
      <li><a href="delete_menu.php">Manage Link meniu</a></li>
      <li><a href="_order.php">Manage order meniu</a></li>
    </ul>

  </div>

  <div class="content">
    <h1>Dashboard</h1>

     <div id="box">
      <div class="box-top">Last Pages</div>
       <div class="box-panel">

 <div id="list">

    <div id="response"> </div>

  <ul>
    <?php

    include_once '../dbconnect.php';

    $result = $con->query("SELECT * FROM main_menu ORDER BY listnumber ASC");

    while($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) {

    $m_menu_id = stripslashes($row['m_menu_id']);
    $m_menu_name = stripslashes($row['m_menu_name']);

    ?>

    <li id="listOrder_<?php echo $m_menu_id ?>">
     <?php echo $m_menu_name; ?>
    </li>
    <?php
    }
    ?>
   </ul>


</div>


	  </div><!-- .box-panel -->
    </div><!-- .box-top -->
  </div>

</div><!-- #container -->


</body>
</html>