Propiedad cols del DOM HTML

Definición y uso

La propiedad cols puede establecer o devolver el número y el tamaño de las columnas en el frameset.

Una lista de píxeles o porcentajes separados por comas define el número y el ancho de las columnas:

Sintaxis

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

Ejemplo

En nuestro ejemplo, primero crearemos un documento HTML que contenga un frameset con dos columnas. Cada columna se establece en el 50% de la ventana del navegador:

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

El documento HTML "frame_cols.htm" se coloca en la primera columna, mientras que el documento HTML "frame_a.htm" se coloca en la segunda columna.

A continuación se muestra el código fuente de "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="Cambiar el tamaño de la columna" />
<input type="button" onclick="restoreCols()" />
value="Restaurar el tamaño de la columna" />
</body>
</html>