横に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>
このループ間のテーブル行にスクロールバーをつけたいのです。
長々とすみません。
どなたかご存知の方、お願いします・・・。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
小手先の技ですが上、中(loopの部分)、下の部分をフレーム分割するしかないと思います。
私もそれを考えていたのですが、データの受け渡しの関係をややこしくしないために
今回はすべてを同じ画面で表示しなければならないのです・・・。
早速の回答ありがとうございました(ペコリ)。
No.2
- 回答日時:
スタイルシートとか使って平気な状況でしたら、
入力部分のテーブルをレイアとかに入れてしまう
という方法もありかもしれません...?
overflow-y: scroll を指定する、なんて方法で。
この場合、入力部分と計算結果のテーブルを別のテーブルに
する必要があるかもしれませんが。
なお、スタイルシートなどについては、
「とほほ」さんのページなどを参考にどうぞ。
参考URL:http://www.tohoho.wakusei.ne.jp/
ありがとうございます。
スタイルシートは詳しくありませんが、やってみます。
参考URLまでつけていただいて・・・。
また機会があればいろいろ教えてやってください(ペコリ)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
tableにul,または,olを入れられ...
-
表の1列だけをCSSを使って右揃...
-
テーブル入れ子した時の、テー...
-
EXCELからhtmlへの変換で罫線が...
-
画像のロールオーバーがずれて...
-
tableでcolspanを使うと次行以...
-
サイト作成中・・・表の両端に...
-
Htmlのtd要素の中で半角の空...
-
テーブルの途中からcellspacing...
-
逆L字の表(table)組み
-
スタイルシートは直接指定より...
-
DreamWeaverのソースコードの整...
-
HTMLのrowspan
-
表の中の列の順番を入れ替える...
-
<table>の<td>の幅が:nth-child...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行の高さを指定する...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
ホームページ 表の上の余白を...
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
表の1列だけをCSSを使って右揃...
-
逆L字の表(table)組み
-
tableでcolspanを使うと次行以...
-
HTMLのテーブルで桁をそろ...
-
テーブルのセルにアンカー
おすすめ情報