Properti cols DOM HTML

Definisi dan Penggunaan

Properti cols dapat diatur atau mengembalikan jumlah dan ukuran kolom dalam frameset.

Daftar pixel atau persen yang dipisahkan oleh koma mendefinisikan jumlah dan lebar kolom:

Sintaks

framesetObject.cols=col1,col2,col3....

Contoh

Dalam contoh kami, pertama-tama akan dibuat dokumen HTML yang mengandung frameset dengan dua kolom. Setiap kolom diatur menjadi 50% dari jendela browser:

<html>
<frameset cols="50%,50%">
  <frame src="frame_cols.htm">
  <frame src="frame_a.htm">
</frameset>
</html>

Dokumen HTML "frame_cols.htm" ditempatkan di kolom pertama, sedangkan dokumen HTML "frame_a.htm" ditempatkan di kolom kedua.

Berikut adalah kode asli "frame_cols.htm":

<html>
<head>
<script type="text/javascript">
function changeCols()
  {
  parent.document.getElementById("main").cols="30%,70%"
  }
function restoreCols()
  {
  parent.document.getElementById("main").cols="50%,50%"
  }
</script>
</head>
<body>
<input type="button" onclick="changeCols()"
value="Ubah ukuran kolom" />
<input type="button" onclick="restoreCols()"
value="Kembalikan ukuran kolom" />
</body>
</html>