Attribut cols du DOM HTML
Définition et utilisation
La propriété cols peut être définie ou renvoyée pour établir le nombre et la taille des colonnes dans le cadre.
Une liste de pixels ou de pourcentages séparés par des virgules définit le nombre et la largeur des colonnes :
Syntaxe
framesetObject.cols=col1,col2,col3....
Exemple
Dans notre exemple, nous allons d'abord créer un document HTML contenant un cadre avec deux colonnes. Chaque colonne est configurée pour prendre 50% de la fenêtre du navigateur :
<html> <frameset cols="50%,50%"> <frame src="frame_cols.htm"> <frame src="frame_a.htm"> </frameset> </html>
Le document HTML "frame_cols.htm" est placé dans la première colonne, tandis que le document HTML "frame_a.htm" est placé dans la deuxième colonne.
Voici le code source 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="Changer la taille de la colonne" />
<input type="button" onclick="restoreCols()" />
value="Restaurer la taille de la colonne" />
</body>
</html>
