PHP & JavaScript Room :: 設置サンプル

<form action="#" name="frmCR">
    <p>
        サイズ変更: 
        <a href="javascript:fSetSize(60,10)">大きくする</a>
        <a href="javascript:fSetSize(40,5)">元に戻す</a>
    </p>
    <p><textarea name="taA" cols="40" rows="5">テキストエリアです。</textarea></p>
</form>

<script type="text/javascript">
    function fSetSize(_cols,_rows){
        var elm=document.forms["frmCR"].elements["taA"];
        /* テキストエリアの幅（cols属性）を設定 */
        elm.cols=_cols;
        /* テキストエリアの高さ（rows属性）を設定 */
        elm.rows=_rows;
        fGetSize();
    }
    /* テキストエリアのcols/rows属性を取得 */
    function fGetSize(){
        var elm=document.forms["frmCR"].elements["taA"];
        var s="";
        s+="幅: "+elm.cols+"\n";
        s+="高さ: "+elm.rows+"\n";
        elm.value=s;
    }
</script>