2011-09-10

HTML able to use Include (Indonesia)

Pernahkah anda berfikir.. pengen bikin html.. dimana html itu include html lain.. dimana html yg kamu maksud yaitu index.htm include menu.htm
seperti yg kita ketahui index.htm berisi halaman utama.. tetapi menu berisi menu dari index tersebut.. bila ada perubahan ato penambahan.. kt cukup edit menu. apalagi kl menu itu yg make bukan 1 file (index) tetapi lebih..
What a hot day today
kk asumsikan bahwa anda minta bener2 htm dan tidak ada unsur php (script server)..
pertama buat dahulu 1 file yang berisi menu, saranku ngak usah kasi header..
<ol>
<li>menu1
<li>menu2
<li>menu3
</ok>
di html yg kamu tuju.. buat div dgn id menu
<div id=menu> </div>
manfaatkan jquery load
<script>
  $(document).ready(function() {
   if(t<10){
 setInterval(function() {
 $('#menu').load('menu.htm');
 t=11;
 }, 10);
 }
 });
</script>

solusi lain sebenarnya pake javascript.. dimana menu yg akan ditampilkan itu ditulis via javascript (pernah liat model ini di web luar)
 
tetapi kl langsung manggil seperti include di php.. kk blum tahu hingga saat ini.. ato ada yg mo berbagi?

tp ternyata ada yg lebih simple
<script type="text/javascript" src="js/jquery.js"></script>
<script>
var t=0;
$(document).ready(function() {
$('#menu').load('menu.php');
});
</script>
</head>
<body>
<div id="menu">Menu Here</div>
</body>

Tidak ada komentar: