Membuat List Hirarki Sederhana

Membuat List Hirarki Sederhana - Hallo sahabat STREAMING GRATIS, Pada Artikel yang anda baca kali ini dengan judul Membuat List Hirarki Sederhana, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel web, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat List Hirarki Sederhana
link : Membuat List Hirarki Sederhana

Baca juga


Membuat List Hirarki Sederhana

Pernah melihat list hirarki yang bisa dibentangkan dan dilipat (expand-collapse) seperti berikut
image
Ada beraneka macam cara untuk membuatnya, namun penulis membuatnya dengan menggunakan javascript.
Berikut contoh source code-nya
<html>   
<head>
<title>Pasal-Pasal</title>
<style>
   A {text-decoration: none;}
</style>
<script language="javascript" type="text/javascript">
function Toggle(item) {
   obj=document.getElementById(item);
   visible=(obj.style.display!="none")
   key=document.getElementById("x" + item);
   if (visible) {
     obj.style.display="none";
     key.innerHTML="[+]";
   } else {
      obj.style.display="block";
      key.innerHTML="[-]";
   }
}
</script>
</head>
<body>
<h2>Pasal-Pasal</h2>
<hr/><hr/>
<b><a ID="xpasal1" name="pasal-1" href="javascript:Toggle('pasal1')">[+]</a>
   Pasal 1</b><br>
   <div ID="pasal1" style="display:none; margin-left:2em">
1. bla bla bla<br>
2. bli bli bli<br>
3. blu blu blu<br></div>

<b><a ID="xpasal2" name="pasal-2" href="javascript:Toggle('pasal2')">[+]</a>
   Pasal 2</b><br>
   <div ID="pasal2" style="display:none; margin-left:2em">
<ol>
<li>bla bla bla</li>
<li>bli bli bli</li>
<li>blu blu blu</li></ol></div>
<hr/><hr/>
<a href="#pasal-1">kembali ke pasal 1</a><br>
<a href="#pasal-2">kembali ke pasal 2</a>
</body>
</html>

Output Program

image


Demikianlah Artikel Membuat List Hirarki Sederhana

Sekianlah artikel Membuat List Hirarki Sederhana kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat List Hirarki Sederhana dengan alamat link https://sebuahteknologi.blogspot.com/2013/10/membuat-list-hirarki-sederhana.html