Cols

Properti HTMLFrameSetElement.cols menetapkan atau mengembalikan atribut COLS elemen FRAMESET HTML.

Sintaks:

framesetObj.cols = value framesetObj.cols

value ialah DOMString yang berisi daftar MultiLength yang dipisahkan koma. MultiLength sanggup yang manapun:

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

Contoh di bawah ini menetapkan nilai gres untuk atribut COLS saat dokumen Frameset pertama kali muat. Sebelumnya di bab HEAD terdapat fungsi di bawah ini:

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

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

Sehingga elemen FRAMESET menjadi:

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

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

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

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

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code