rendered paste body<html><head> <link rel="stylesheet" type="text/css" href="css/default.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/rb-common.js"></script> <script type="text/javascript"> function setCenterContent(data) { var e = $("#center-content"); e.fadeOut( function() { e.html(data); e.fadeIn(); }); } $(document).ready(function() { // do something... }); </script> <title>RetailBox</title></head><body> <div id="top-panel"> <div id="header-wrap"> <!-- LOGO ---> <span id="logo" style="font-family: 'MgOpen Modata'; font-size:36px; font-style:bold;">RetailBox</span> <!-- USER MENU --> <span id="user-menu" style="float:right; margin-top: 8px">Loading...</span> <script type="text/javascript"> $.get("user-menu.php", function(data) { $("#user-menu").html(data); }); </script> </div> </div> <div id="content-wrap"> <div id="left-bar"> <h1>Data</h1> <ul> <li><a href="">Produk</a></li> <li><a href="">Kontak</a></li> </script> </ul> <h1>Transaksi</h1> <ul> <li><a href="">Penjualan</a></li> <li><a href="">Retur</a></li> <li><a href="">Terima Piutang</a></li> <li><a href="">Pembelian</a></li> <li><a href="">Retur ke Supplier</a></li> <li><a href="">Bayar Hutang</a></li> </ul> <h1>Uti litas</h1> <ul> <li><a href="" class="fsession">Session</a></li> <li><a href="" class="frequest">Request</a></li> <script type="text/javascript"> $(".fsession").click(function(e) { e.preventDefault(); $.get("session.php", function(data) { setCenterContent(data); }); setCookie('current', 'session.php'); }); $(".frequest").click(function(e) { e.preventDefault(); $.get("request.php", function(data) { setCenterContent(data); }); setCookie('current', 'request.php'); }); </script> </ul> </div> <div id="center-content" class="has-left-bar"> <script type="text/javascript"> var current = getCookie("current"); if (current == null || current.length == 0) { current = "home.html"; } $.get(current, function(data) { setCenterContent(data); }); </script> </div> </div></body></html>