A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
質問のようなことをしたのであれば、二通りの方法がありますね。
まずひとつは、フレームを使う方法です。フレームは分かりますよね?
この場合は、Aに作ったプルダウンメニューで、ある特定の値を選択したら、Bのフレームに表示するHTMLを変更するというJavaScriptを組めば良いだけです。
select文とlocaiton.hrefを使った簡単だJavaScriptですから、「JavaScript フレームの内容を書き換える」等で検索しればすぐ見つかるでしょう。
もう一つの方法は、visibility: hiddenを使う方法ですね。
今はフレームを使ったHTMLはあまり推奨されないので、コチラの方がポピュラーな方法だと思います。
まずBの部分をDIVで区切り、このタグにID属性を設定します。このとき、切り替えたい表示ごとにDIVで囲み、最初に表示するものはvisibility: visibleに設定しておき、他はhiddenに設定しておきます。
<div id="a" style="visibility;visible">~</div>
<div id="b" style="visibility;hidden">~</div>
<div id="c" style="visibility;hidden">~</div>
上記のように書くと、id=aのdivの中身のみが初期状態で表示され、id=bとcは非表示の状態になります。
この上でやはりselect文を使って、Aにあるプルダウンの選択肢を切り替えた場合に、id=aをhiddenに変更してid=bをvisibleに変更すると言ったJavaScriptを組めば良いです。
良くあるのは「画像の入れ替え」ですね。「JavaScript 画像の入れ替え」などで検索すれば、visibilityを使った表示切り替えのJavaScriptについて検索できると思います。
ご参考まで。
この回答へのお礼
お礼日時:2011/05/13 10:45
お礼の返事が遅くなってしまい、すいませんでした。
実は、あれから、いろいろと検索していたところ、画面分割したHTMLができました。
せっかく、回答をいただいて申し訳ありません。
試しましたが、ちょっとわからなかったので、現状のままにしたいと思います。
ご回答、ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(IT・Webサービス) Yahooの地図の文字サイズ、googleの地図の画面分割 1 2022/05/21 12:31
- Android Andoroid12 タブレットの画面分割について、教えてください。 初めてタブレットを購入しました 1 2023/07/18 06:59
- 写真・ビデオ iPhoneのプライバシーとセキュリティの写真の項目について 2 2023/06/24 23:11
- iPhone(アイフォーン) iPhoneのプライバシーとセキュリティの写真の項目について 1 2023/06/24 20:25
- Android(アンドロイド) PayPayでアンドロイドスマホのアカウント画面の表示のポイントの使い方が知りたい 画像添付 5 2022/05/26 10:58
- その他(プログラミング・Web制作) セレクトボックスで選択された値をコントローラーで使用したい 2 2022/07/26 16:41
- その他(ブラウザ) bingチャットの内容(縦長)をスクリーンショットで保存する方法 3 2023/02/28 02:13
- Chrome(クローム) 下に出てくるリストを消したい。 2 2022/06/17 16:47
- Chrome(クローム) Chromeの描画領域を2分割して異なるスクロール位置を同時に表示させることはできますか 1 2023/03/01 16:53
- Firefox(ファイヤーフォックス) google検索の画面だけ表示できない時がある 2 2022/12/14 19:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マイクラPC版のコマンドで効率...
-
エクセルで最後の文字だけ置き...
-
阪急三番街 ATM(ゆうちょ)は...
-
同一のユーザー、同一商品のと...
-
Unionした最後にGROUP BYを追加...
-
DataTableで重複行を削除したい
-
書籍の内容はまともでしょうか?
-
副問合せの書き方について
-
SQL Left Join で重複を排除す...
-
WHERE id = ? について
-
min句のSQLを改造し二番目に小...
-
MySQLのint型で001と表示する方...
-
別テーブルからSELECTした値を...
-
所有格の意味
-
select文のwhere句に配列を入れ...
-
スクリーンセイバー
-
MySQLの抽出について
-
ポスグレでの幾何学データ配列...
-
AUTO_INCREMENTのあるテーブル...
-
【MySQL】本当に困っているので...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルで最後の文字だけ置き...
-
SQL Left Join で重複を排除す...
-
副問合せの書き方について
-
SQLサーバから、項目の属性(型...
-
VIEWの元のテーブルのindexって...
-
select文のwhere句に配列を入れ...
-
selectした大量データをinsert...
-
センノシド異性体構造式
-
Unionした最後にGROUP BYを追加...
-
insertを高速化させたい
-
SQLにて特定の文字を除いた検索...
-
マイクラPC版のコマンドで効率...
-
ある条件の最大値+1を初番する...
-
inner joinをすると数がおかし...
-
sqlで、600行あるテーブルを100...
-
エクセルの関数について教えて...
-
Access パラメータクエリをcsv...
-
URL と行番号の指定
-
複数テーブルのGROUP BY の使い...
-
PL/SQLの変数について
おすすめ情報