Dynamic HTML: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
→Struktur pada halaman web: ditingkatkan contoh |
→Contoh: menampilkan blok tambahan pada teks: ditingkatkan contoh |
||
Baris 47:
Kode berikut menggambarkan fungsi yang paling sering digunakan. Bagian tambahan pada sebuah [[halaman web]] hanya akan ditampilkan jika pengguna menginginkannya.
<source lang="
<!doctype html>
<html lang="en">
<head>▼
<meta charset="utf-8">
▲ <head>
<title>
<style
a:hover {background:#ff0;}
</
<body>▼
function changeDisplayState (id) {▼
d=document.getElementById("tampilkansembunyikan");▼
<
e=document.getElementById(id);▼
if (e.style.display == 'none' || e.style.display == "") {▼
(Informasi tambahan, hanya ditampilkan jika diinginkan pengguna)...</p>▼
d.innerHTML = 'Sembunyikan contoh..............';▼
▲ } else {
d.innerHTML = 'Tampilkan contoh';▼
</script>▼
▲ e = document.getElementById(id);
</head>▼
▲ <body>
e.style.display = 'block';
▲ <h2>Cara menggunakan fungsi DOM</h2>
▲ <div><a id="tampilkansembunyikan" href="javascript:changeDisplayState('contoh1')">Tampilkan contoh</a></div>
}
e.style.display = 'none';
▲ (Informasi tambahan, hanya ditampilkan jika diinginkan pengguna)...
▲ d.innerHTML = 'Tampilkan contoh';
}
▲ };
document.getElementById('tampilkansembunyikan').onclick = function () {
changeDisplayState('contoh1');
return false;
};
▲ </script>
</html>
</source>
|