HTML DOM cols ominaisuus

Määrittely ja käyttö

cols-ominaisuus voi asettaa tai palauttaa kehyssarakkeen sarakkeiden määrän ja kohteen.

Komalla erotettu pikseli- tai prosenttilista määrittää sarakkeiden määrän ja leveyden:

Syntaksi

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

Esimerkki

Esimerkissämme mukaan luodaan ensin HTML-dokumentti, joka sisältää kahdelle sarakkeelle jaettavan kehyssarakkeen. Jokainen sarake asetetaan selaimen ikkunan 50%:iin:

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

HTML-dokumentti "frame_cols.htm" on asetettu ensimmäiselle sarakkeelle, ja HTML-dokumentti "frame_a.htm" on asetettu toiselle sarakkeelle.

Tässä on "frame_cols.htm"-sivun lähdekoodi:

<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="Muuta sarakkeiden kokoa" />
<input type="button" onclick="restoreCols()"
value="Palauta sarakkeiden koko" />
</body>
</html>