Saturday, October 13, 2012

rows

Properti HTMLFrameSetElement.rows menetapkan atau mengembalikan atribut ROWS elemen FRAMESET HTML.

Sintaks:

framesetObj.rows = value framesetObj.rows

value adalah DOMString yang berisi daftar MultiLength yang dipisahkan koma. MultiLength bisa yang manapun:

  • Bilangan bulat (integer) yang mewakili satuan piksel, misalnya 50 yang berarti 50 piksel.
  • Persentase (percentage) yang mewakili persentase, misalnya 50% yang berarti 50 persen.
  • Atau relative length yang yang diinterprestasikan i* di mana i adalah bilangan bulat.

Contoh di bawah ini menetapkan nilai baru untuk atribut ROWS ketika dokumen Frameset pertama kali muat. Sebelumnya di bagian HEAD terdapat fungsi di bawah ini:

function foo() { document.getElementById("framesetID").rows = "80%,*"; }

Fungsi di atas di panggil oleh atribut ONLOAD di dalam elemen FRAMESET:

<FRAMESET ID="framesetID" ROWS="20%,*" ONLOAD="foo()"> <FRAME SRC="#"> <FRAME SRC="#"> </FRAMESET>

Sehingga elemen FRAMESET menjadi:

<FRAMESET ID="framesetID" ROWS="80%,*" ONLOAD="foo()"> <FRAME SRC="#"> <FRAME SRC="#"> </FRAMESET>

Contoh di bawah ini mengakses atribut ROWS elemen FRAMESET dari dokumen frame:

  1. Buatlah satu dokumen HTML di bawah ini, lalu simpan dengan nama A.html. Untuk B.html tidak perlu dibuat tidak mengapa:

    <HTML> <HEAD> <TITLE>A.html</TITLE> <SCRIPT TYPE="text/javascript"> function Func1() { parent.document.getElementById("framesetID").rows = "80%,*"; } function Func2() { parent.document.getElementById("framesetID").rows = "20%,*"; } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" ONCLICK="Func1()" VALUE="Ubah ukuran baris!"> <INPUT TYPE="button" ONCLICK="Func2()" VALUE="Kembali keukuran semual!"> </FORM> </BODY> </HTML>
  2. Lalu buat dokumen Frameset di bawah ini, simpan dengan nama yang anda mau:

    <HTML> <HEAD> <TITLE>Frameset.html</TITLE> </HEAD> <FRAMESET ID="framesetID" ROWS="20%,*"> <FRAME ID="frameID1" SRC="A.html"> <FRAME ID="frameID2" SRC="B.html"> </FRAMESET> </HTML>
  3. Jalankan dokumen Frameset yang dibuat dilangkah kedua di atas dengan browser anda, lalu klik tombol yang ada.