こんにちは。
わかる方がいましたら教えてください。
事情があって該当するページは書くことができないのですが、1つのページの中でプルダウンが50個程度。行数にして700行以上になるページがいくつかあるのですが、ブラウザで見ると崩れて見える事象に悩まされています。
どのPCでも再現するということではなさそうなのですが、Windows9x系でIE5.x系、NN 4.73で見ても再現しているパソコンで確認しています。
具体的な記載をすると、
<TR>
<TD><SELECT name="question-001">
<OPTION value="無地" selected>無地</OPTION>
<OPTION value="白">白</OPTION>
<OPTION value="ピンク">ピンク</OPTION>
<OPTION value="黒">黒</OPTION>
<OPTION value="青">青</OPTION>
<OPTION value="金">金</OPTION>
</SELECT></TD>
</TR>
のような設問が50回程度あるページが存在するというイメージです。
作成しているのはIBM ホームページビルダー Ver6により作成しています。
このソフトのプレビューをした時点で画面が崩れてしまうので悲しいのですが。
このような事象が起きることを回避するための方法がどこかにあるとか、これはやってはいけない制限事項であるなどの情報をお持ちであれば教えていただければ助かります。
とりあえず、25個程度であれば事象は発生しないようなので、ページの分割等で逃げる代案は考えています。
でも、今後のためにも把握しておきたく、宜しくお願いいたします。
No.1ベストアンサー
- 回答日時:
開発中に同じ現象に当たったことがあります。
ブラウザの種類、バージョンだけでなく、マシンのスペックによっても発生の個数が違いました。
セレクトボックスは描画するのにリソースをかなり食うため、リソース不足を起こしていると思われます。
なので、「何個以上であれば画面が崩れる」という基準はありません。
ちなみにチェックボックスを大量に描画する際にも同じ現象が起こることがあります。
対象のマシンが不特定多数なのであれば、チェックボックス・セレクトボックスは合計最低10~15個以内に納めるべきだと思います。
下手をすると、チェックが入れられないチェックボックスや、プルダウンできないセレクトボックスの羅列ページになっちゃいますから。(^^;;
アンケートページとかなら、なおさらユーザーを逃がさないためにも、ページ分割して見やすいサイト作りを心がけるべきだと思いますよ。
# 個人的にはセレクトボックスが50個もあるようなページにはアクセスしたくないですねぇ。
# 下手したらブラウザ落ちるし。
こんにちは、HIROYOさん。
まさにプルダウンできない状態のボックスが羅列して画面が崩れるようなページになってしまっていました。
ちょっとページの表現の方法を相談してやり方を変える方向で検討していきたいと思っています。
フリーズの一歩手前、OSが不安定になる一歩手前の動きになってしまいますから・・・。
HIROYUさん、並びに皆様の該当に感謝いたします。
No.2
- 回答日時:
これはブラウザに限りませんね。
以前、個数としては10個に満たないんですが、項目数が強烈に入ったリストボックスをアプリケーションを見またことが有ります。
それはそれは凄い動きをしていました。使い物にならないくらいに。
どのようなターゲットマシンを想定されているのかわかりませんが、できるだけ多くの人が見ることができるページを作ることが重要なんじゃないかと思います。
1ページで全部のデータを入れるのではなくウィザード形式でページを作ったらいかがでしょう?
cookieを使えばそれほど難しいことではないと思うんですけどね。ショッピングカートなどで既に実現していますし。
こんにちは。ご回答ありがとうございます。
訳あって、ちょっとCGIには手を入れることができないので、実際に原因が把握できてから実際にページの構成を変更する話にする必要がありました。
No.4
- 回答日時:
似たような質問が以前に・・・
HPビルダーは使ったことがないので、プレビュー機能がどう実装されているのか分かりませんが、IE及びNNで実際の動作を確認してみるのも大事ですよ。
またHP作成ソフトでは、どんなに性能が良くても多大な無駄が出ます。
ある程度完成した時点で、手書きの修正を加えることをお勧めします。
これによって改善されることもあります。
参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=66695
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
selectboxの画面遷移で、postデ...
-
select値をhiddenのvalueに渡し...
-
コンボ1の内容に応じてコンボ...
-
<select>タグの幅設定
-
INPUT TYPE
-
「value」に2つの値をセットす...
-
iPhoneでセレクトボックスが選...
-
ラジオボタンを選択済みにする...
-
検索窓をクリックすると文字が...
-
Select Case について教えてく...
-
メールフォームのプルダウンメ...
-
ラジオボタンとセレクトメニュ...
-
wordの数式について 定積分を書...
-
WEBページを強制的に横画面で見...
-
ディレクトリのファイル数取得
-
チェックボックスの返す値
-
フォントサイズを変えるには?
-
ブックマークからのアクセスを...
-
FC2 掲示版のカスタマイズの仕...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
select値をhiddenのvalueに渡し...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
iPhoneでセレクトボックスが選...
-
リストボックス(multipleなsel...
-
チェックボックスグループの一...
-
検索窓をクリックすると文字が...
-
メールフォームのプルダウンメ...
-
プルダウンメニューでValue値を...
-
チェックボックスの余白を指定...
-
買い物カゴの作成
-
iframeごとに戻るボタンを
-
OPTIONタグにループは使えない...
-
リストボックスの値を複数のテ...
-
select name が反映されません...
-
MIDIのONとOFF。
おすすめ情報