Coba solusinya begini, oom:
- Code: Select all
<html>
<head>
<script type="text/javascript" src="./js/jquery.min.js" ></script>
<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$('#nav a').click(function() {
var url = $(this).attr('href');
$('#divhasil').load(url);
return false;
});
});
</script>
</head>
<body>
<h1>Mengambil data dengan AJAX</h1>
<div id="nav">
<a href="tampil.php">Menu 1</a>
<a href="tampil2.html">Menu 2</a>
<a href=tampil3.html')">Menu 3</a>
</div>
<div id="divhasil">
<? include "tampil.php"; ?>
</div>
</body>
</html>
untuk tampil.php, kira-kira isinya begini:
- Code: Select all
<div id="slider" >
<div id="imageSlider">
<img src="./images/sliders/01.jpg" width="807" height="523" />
<img src="./images/sliders/02.jpg" width="807" height="523" />
<img src="./images/sliders/03.jpg" width="807" height="523" />
<img src="./images/sliders/04.jpg" width="807" height="523"/>
<img src="./images/sliders/05.jpg" width="807" height="523" />
</div><!--/ imageSlider-->
</div><!--/ slider-->
<!-- End Slider -->
<script type="text/javacript">
// include general.js
$.include('js/general.js');
</script>






