• 締切済み

TABLEの特定の行にスクロールバーをつけたい

横に5個、縦に100個のテキストボックスを用意し、上下に切ったフレームの下画面に表示させ、入力していくページを作っています。 このテキストボックスを5×100のテーブルにしているのですが、 最初の1行を入力項目名に、下から3行ほどを入力値計算結果にしているため、 間の2~97行だけをスクロールさせたいと考えています。 特定の行だけスクロールバーをつけるということはHTMLでできるのでしょうか。 以下ソースです。 <% dim i i=0 %> <table border=1> <tr> <td width=70 align=center bgcolor="#e6e6fa">A</td> <td width=200 align=center bgcolor="#e6e6fa">B</td> <td align=center bgcolor="#e6e6fa">C</td> <td align=center bgcolor="#e6e6fa">D</td> <td align=center bgcolor="#e6e6fa">E</td> </tr> <% do while i<=99 %> <tr> <td align=center><input type="text" maxlength=6></td> <td align=center><input type="text"></td> <td align=center><input type="text"></td> <td align=center width=40><input type="text"></td> <td align=center width=40><input type="text"></td> </tr> <% i=i+1 loop %> <tr> <td rowspan="3" colspan="3"></td> <td align=center bgcolor="#e6e6fa">結果(1)</td> <td align=center><input type="text"></td> </tr> <tr> <td align=center bgcolor="#e6e6fa">結果(2)</td> <td align=center><input type="text"></td> </tr> <tr> <td align=center bgcolor="#e6e6fa">結果(3)</td> <td align=center><input type="text"></td> </tr> </table> このループ間のテーブル行にスクロールバーをつけたいのです。 長々とすみません。 どなたかご存知の方、お願いします・・・。

みんなの回答

  • misoka
  • ベストアンサー率35% (56/160)
回答No.2

スタイルシートとか使って平気な状況でしたら、 入力部分のテーブルをレイアとかに入れてしまう という方法もありかもしれません...? overflow-y: scroll を指定する、なんて方法で。 この場合、入力部分と計算結果のテーブルを別のテーブルに する必要があるかもしれませんが。 なお、スタイルシートなどについては、 「とほほ」さんのページなどを参考にどうぞ。

参考URL:
http://www.tohoho.wakusei.ne.jp/
lovelypooh
質問者

お礼

ありがとうございます。 スタイルシートは詳しくありませんが、やってみます。 参考URLまでつけていただいて・・・。 また機会があればいろいろ教えてやってください(ペコリ)。

  • xruz
  • ベストアンサー率50% (72/143)
回答No.1

小手先の技ですが上、中(loopの部分)、下の部分をフレーム分割するしかないと思います。

lovelypooh
質問者

お礼

私もそれを考えていたのですが、データの受け渡しの関係をややこしくしないために 今回はすべてを同じ画面で表示しなければならないのです・・・。 早速の回答ありがとうございました(ペコリ)。

関連するQ&A

専門家に質問してみよう