Menambahkan Halaman html Dengan jquery
Pada minggu ini kami akan mengangkat artikel bertemakan cara menambahkan halaman html dengan jquery dengan gampang tapi mudah,,hehe
Manfaatnya apabila kita telah memiliki 2 halaman html dan kita ingin menambahkan/ mengincludekan kedalam halaman yang lain maka coba gunakan jquery sebagai solusinya
Contoh sederhananya apabila kita ingin menambahkan halaman header dan footer kedalam halaman inti yang sudah kita persiapkan dari awal
Misalkan lagi, halaman inti kita memiliki struktur elemen sbb
<!doctype html>Kemudian kita ingin menincludekan halaman header.html dan footer yang kita buat terpisah
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<div class="header"></div>
<div class="inti">
</div>
<div class="footer"></div>
</body>
</html>
Maka jquerynya adalah :
jQuery(document).ready(function() {
$.get("header.html", function(data) { $(".header").html(data); }); $.get("footer.html", function(data) { $(".footer").html(data); });});Cukup memusingkan bukan??hehe saya juga pusing bacanya, tapi apabila anda melakukannya dengan sesuai tutorial di atas maka pusingnya akan sedikit berkurang
Baiklah cukup sampai disini dulu artikel tentang cara menambahkan halaman html dengan jquery yang dapat kami sajikan untuk arsip kami pribadi dan untuk pembaca sekalian
Apabila ada yang perlu dibicarakan dengan team archives code maka cukup nulis di bawah artikel ini ( kolom komentar ) dan akhirnya semoga dapat dipergunakan sebagaimana mestinya dan dapat bermanfaat bagi anda dan teman yang ada disekitar anda
Jangan lupa kunjungi artikel menari lainnya pada blog ini, semoga sukses untuk anda semua