横に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>

このループ間のテーブル行にスクロールバーをつけたいのです。
長々とすみません。
どなたかご存知の方、お願いします・・・。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

スタイルシートとか使って平気な状況でしたら、


入力部分のテーブルをレイアとかに入れてしまう
という方法もありかもしれません...?
overflow-y: scroll を指定する、なんて方法で。
この場合、入力部分と計算結果のテーブルを別のテーブルに
する必要があるかもしれませんが。

なお、スタイルシートなどについては、
「とほほ」さんのページなどを参考にどうぞ。

参考URL:http://www.tohoho.wakusei.ne.jp/
    • good
    • 0
この回答へのお礼

ありがとうございます。
スタイルシートは詳しくありませんが、やってみます。
参考URLまでつけていただいて・・・。

また機会があればいろいろ教えてやってください(ペコリ)。

お礼日時:2001/09/26 15:06

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

    • good
    • 0
この回答へのお礼

私もそれを考えていたのですが、データの受け渡しの関係をややこしくしないために
今回はすべてを同じ画面で表示しなければならないのです・・・。

早速の回答ありがとうございました(ペコリ)。

お礼日時:2001/09/19 15:55

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qでテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む

Qからに書き換えるか迷っています

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td align="XXXX">のままだと
  ・Operaブラウザで不具合
  ・またはXHTML1.1で廃止(?)
といったことがあるようです。
私は自分のInternet Explorerで観ていたので何も知りませんでした。
やはり将来的に、<td align="XXXX">は色んな不具合を起こしていく恐れがあるかも知れません。

以下は私が立てさせていただいた質問で、
経験者のおっしゃることですので信憑性はたいへん高いと思っています。
http://oshiete1.goo.ne.jp/qa5051214.html

で、本題はここからですが、長い目でみた場合に、
<td align="XXXX">を
<td style="text-align: XXXX;">の状態に書き換えるべきでしょうか。

すでに<td align="XXXX">で作ってある部分が結構あります。
ただWEBサイトは長く使いたいので、今のうちに手を打てるなら打っておこうと思います。
この書き換え案に迷っていますので、お詳しい方、アドバイスをください。
または今WEB制作中の専門家の方は、
<td align>と
<td style="text-align: XXXX;">
はどちらを使っていらっしゃることが多いのでしょうか。

もしかしたら<td valign="XXXX">も同様のことが言えるのかも知れません。
宜しくお願いいたします。

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td alig...続きを読む

Aベストアンサー

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せしています。

align指定は、もし翻訳サイトを通じてアラビア語など右から左に書く言語で表示した場合、
左寄せ、右寄せが逆転し、非常の読みづらくなります。
(この現象はfloatも同様です)

W3C(など)はそういうのも考慮し、alignなしを推奨しているようですが、(W3Cはアメリカだったと思いますが、おそらく日本語の右寄せのような習慣がないと思いますので)
現実には、私はalignを使っての影響はほとんどないと思います。

Operaの古いバージョンで、この状態をシミュレーションできた気がしますが、
もし「不具合」がその事であれば、私は無視できる範囲だと思います。

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せ...続きを読む

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q

どちらを使うべき?

文字列を中央に寄せたい場合は、
<p align="center"> <center> どちらを使うべきでしょうか?
最近では、<p align="center">の方が多い気がするのですが、
何か良いことでもあるのでしょうか?

Aベストアンサー

どちらも使うべきではありません。見た目・レイアウトは、HTML ではなく、CSS などのスタイルシート言語で指定します。

なお、<center> は <div align="center"> の省略形です。つまり、<center> は単なる div 要素と同じように扱われるのに対し、<p align="center"> は一つの段落要素として扱われるということです。

Qについて

Another HTML-lint gatewayというサイトでHTMLの文法チェックをしたところ、「<INPUT TYPE="TEXT"> には VALUE 属性で初期値となるテキストを指定しておきましょう。」という指摘を受けました。

詳細を確認したところ
-------------------------------------------------------------------
<TAG> には初期値となるテキストを指定しておきましょう。

<INPUT type="text"> や <TEXTAREA> には、何か初期値となるようなテキストをあらかじめ書いておくことがWAIで薦められています。その理由に、空だと正しく処理できないWWWブラウザの可能性が示されています。
-------------------------------------------------------------------
ということが記載されていました。

これはどういうことなのでしょうか?
わかる方いらっしゃいましたら、ご教授お願いいたします。

Another HTML-lint gatewayというサイトでHTMLの文法チェックをしたところ、「<INPUT TYPE="TEXT"> には VALUE 属性で初期値となるテキストを指定しておきましょう。」という指摘を受けました。

詳細を確認したところ
-------------------------------------------------------------------
<TAG> には初期値となるテキストを指定しておきましょう。

<INPUT type="text"> や <TEXTAREA> には、何か初期値となるようなテキストをあらかじめ書いておくことがWAIで薦められています。その理由に、空だと正し...続きを読む

Aベストアンサー

> 「ここに文字を入力してください」の箇所が自然に消えるようにすることは可能でしょうか?

<input type="text" onfocus="if (this.value == 'ここに文字を入力してください') this.value = '';" onblur="if (this.value == '') this.value = 'ここに文字を入力してください';" value="ここに文字を入力してください">

これでうまく行くと思いますよ。一度お試しください。


人気Q&Aランキング

おすすめ情報