Sebagai contoh misal ada file dengan nama halaman.html dengan kode sebagai berikut.
File halaman.html
<html>sehingga tampilan di browser sebagai berikut.
<head>
<title>ini halaman</title>
</head>
<body>
<p>Hallo coy ini konten halaman</p>
<div id="ambil">
<a href="halaman.html">Ke Halaman</a>
</div>
</body>
</html>
 |
| load elemen dari file lain dengan jquery |
Kemudian misalnya kita ingin mengambil konten dari div dengan id ambil dan di tampilkan pada halaman lain, maka kita bisa menggunakan fungsi load juga dengan format, $('#tempattampil').load('namafile.html #elemen');
Untuk contoh :
File lamanlain.html
Sehingga tampilan pada web browser
<html>
<head>
<title>ini halaman Lain</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <!-- source jquery -->
<script>
$(document).ready(function(){
$("#simpan").load('halaman.html #ambil');
});
</script>
</head>
<body>
<div id="simpan">
disini akan ditimpa dari halaman lain
</div>
</body>
</html>
 |
| load elemen dari file lain dengan jquery |
Hasilnya tulisan "disini.." akan ditimpa oleh elemen dari file lain yaitu elemen div dengan id "ambil" dari file halaman.html.
Sekian Dari saya semoga membantu ^^
Powered by Danz
Tidak ada komentar:
Posting Komentar
Silakan Comment Tapi yang membangun ya (Jangan Spam) (^.^)