javascriptのsubmitボタンを押した後、フォームdiv +エラーメッセージの高さをどのように取得しますか？

Question

私はこのフォームを（CSSとjavascriptで）動作させようとしていましたが、何かに苦しんでいます。私はフォームを持っていて、基本的にはすべて動作しています。フォームボディ、およびサブミット、クリアなどのコンテナ 上部divはheight：autoに設定されています。位置：絶対;底は何も設定されていません。ちょうど幅がありました。

ユーザーが送信ボタンをクリックすると、フォームボディのサイズを変更する必要がありますが、下部のdivの位置を設定するためにフォームの新しいサイズを取得する方法がわかりません。

私はちょうどCSSの多くを追加しました - フォーム用に開いたテンプレートを保持する背景divがあります - 私はそれをrelativeに設定しましたが、formbodyは高さがautoエラーのためにサイズを変更する（そして、私はpositionなしでautoに設定する：絶対、formbodyは20pxに縮小した）。

.background { 
    width: 0px; 
    height: 700px; 
    position: relative; 
    z-index:999; 
    } 

.formbody { 
    background-image: url(''); 
    background-repeat: no-repeat; 
    background-position: left bottom; 
    position:absolute; 
    left:0px; 
    top:50px; 
    width:700px; 
    height:auto; 
    padding-bottom:20px; 
    border:1px solid #d2d2d2; 
} 

.bottom { 
    width:700px; 
} 

Answer 1

のようなもの、この仕事はしませんか？ （ここにはライブプレビューがあります：http://jsfiddle.net/rcMGn/1/）

基本的には私がここでやっているのは、formwidthクラス（あなたのCSSごとに）の最初のノードを取得し、そのスタイルプロパティを取得するためにDOMモデルを使用することです。

関数getElementsByClassは、formwidthクラスの文書内のすべての要素の配列を返します（そして、私はそこに1つしかないと仮定しています）。配列の最初の要素を取得します。それをスタイリングする。

：

あなたは以下のコードのちょうど最初の行の幅を取得するには...機能について を気にする必要はありません...

formWidth = getElementsByClass('formbody',null,'form')[0].offsetWidth; 

は高さを取得するには、このいずれかを使用

formHeight = getElementsByClass('formbody',null,'form')[0].offsetHeight; 

とDustin Diaz、以下の機能のファイルから機能をコピー...

function getElementsByClass(searchClass,node,tag) { 
    var classElements = new Array(); 
    if (node == null) 
     node = document; 
    if (tag == null) 
     tag = '*'; 
    var els = node.getElementsByTagName(tag); 
    var elsLen = els.length; 
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); 
    for (i = 0, j = 0; i < elsLen; i++) { 
     if (pattern.test(els[i].className)) { 
      classElements[j] = els[i]; 
      j++; 
     } 
    } 

    return classElements; 
} 

Answer 2

この

<script> 

    var formbody_width= $(".formbody").width(); 

    $(".submit").live("click", function) { 

     $(".formbody").css("height", formbody_width + 300 + "px");  

    } 

</script>