こんにちは。
HPビルダー6.5 HotmediaでHPを製作中なのですが、以下のことで困っています…助けてください…。
(1)テキストAとテキストBがあるとします。
Bは通常非表示にしておいて、AをマウスオーバーでBを表示させたいのですが…。
この動作、Bをレイアウト枠に書き込んでエフェクトで非表示、Aにイベントを設定すればいい…というのは分かっているのですが、この、テキストBをレイアウト枠ではなくてテーブルに書き込みたいのです。Bをテーブルごと非表示にして、Aをマウスオーバーすると表示させるようにすることって…出来るんでしょうか…?
もし可能なら、その方法を教えてください…。
(2)(1)の動作を、AとBが違うフレームにある場合はどう設定したらよいのでしょうか?
(3)テキストC、D、E、Fがあるとします。
通常、DとFは非表示にしておき、CをマウスオーバーでD、EをマウスオーバーでFを表示させます。
このとき、DとFを個々に、全く同じ位置に表示させるにはどうしたらよいのでしょうか?
分かりにくい文章で申し訳ありません。
なにか一つでもお分かりでしたらよろしくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
HPビルダーを使用したことはないので、操作についての詳細はわかりませんが…
(1)について、
Bをテーブルごと丸々、通常時に非表示、Aにポインタが重なった時にのみ表示、という制御にしたいのであれば、そのレイアウト枠という枠の中にテーブルをそっくり入れてしまってはいかがでしょうか?
テーブルの一部の内容の表示を切り替えたいというケースだと、それなりのソースの改造が必要ですが、テーブル全体を隠したり表示したりする場合は、Bのレイアウト枠の中にテーブルを組み込めばよいと思いますよ。
(2)について、
この場合は、スクリプトに対して手を加えなければならなくなります。 このケースについては、私が以前回答した内容にも似ていますので、まずは下記のURLを見てみてください。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=575646
(3)について、
DとFの表示位置の調整についてですが、レイアウト枠がぴったり重なるように配置してしまう方法でも可能と思います。
他に、DとFで使うレイアウト枠を同じ枠に入れておいて、displayプロパティの切り替えで表示を切り替えたり、あるいはその要素の内容のテキスト自体をJavaScriptから書き換えるという方法もあります。
displayプロパティの切り替えを行う方法については、下記ソースを試してみてください。
<html>
<head>
<title>displayプロパティで切り替え</title>
<script type="text/javascript"><!--
function showLayer(objId){
if (document.getElementById){
tar=document.getElementById(objId);
tar.style.visibility="visible";
tar.style.display="inline";
}
}
function hideLayer(objId){
if (document.getElementById){
tar=document.getElementById(objId);
tar.style.visibility="hidden";
tar.style.display="none";
}
}
//--></script>
</head>
<body>
<a href="#" onMouseover="showLayer('D')" onMouseout="hideLayer('D')">C</a><br><br>
<a href="#" onMouseover="showLayer('F')" onMouseout="hideLayer('F')">E</a>
<p><span id="D" style="visibility: hidden; display: none;">Dのテキスト</span><span id="F" style="visibility: hidden; display: none;">Fのテキスト</span></p>
</body>
</html>
JavaScriptで直接テキストを書き換えてしまう方法については、こちらも私が以前回答したものですが、同様の方法を例示した質問がありますので、こちらを参照して見てください。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=609647
具体的な改造方法については、ソースを提示いただけないと言及できませんので、少々曖昧な部分もありますが…
もしこのアドバイスの内容を踏まえた上で解らないところがあれば、具体的に現在のソースなども含めて補足いただくと、より実効的なアドバイスも出せるかもしれません。
参考になれば…
参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=575646,http://oshiete1.goo.ne.jp/kotaeru.php3?q=609647
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- フリーソフト libreoffice drawのツールバーのチェックが外れてしまう 1 2022/10/04 22:02
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- 画像編集・動画編集・音楽編集 AfterEffectでのシャターの挙動がおかしい 1 2023/05/07 00:38
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- その他(プログラミング・Web制作) マウスオーバー→ホイール回転でスクロールできない 2 2022/10/31 10:06
- Access(アクセス) 【アクセス】レポート テキスト枠線が消えた 1 2022/07/02 17:40
- Excel(エクセル) エクセルの数式で教えてください。 5 2023/02/10 15:11
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- Excel(エクセル) EXCELの書式設定を固定することはできませんか? 5 2023/06/20 17:05
- Excel(エクセル) ExcelのVBAコードについて教えてください。 1 2022/06/17 15:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
箇条書きリストのすぐ横に画像...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
<SPAN>で文字を右揃えにしたい...
-
テーブルの位置を細かく指定し...
-
table内にiframeでテーブルが崩...
-
スタイルシートでテーブル内背...
-
ホームページのテーブルに斜線...
-
テーブル内に画像を表示したい。
-
テーブルの横に文字を置くタグ
-
はじめて質問させていただきます。
-
colspanを動的に行う
-
テーブル入れ子にしたらNNでは...
-
【CSS】縦横スクロールテーブル...
-
テーブルの列幅の部分固定の仕...
-
インラインフレームの隣に画像...
-
html でのテキスト結合について
-
TABLEのセルの中の文字を行単位...
-
商品詳細を横並びに表示する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
ヘッダー固定のスクロールが可...
-
tableのheight指定が効かない
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
2つのテーブルを左右に表示した...
-
一つのテーブル内の文字色だけ...
-
<SPAN>で文字を右揃えにしたい...
-
テーブルでスクロールを同期したい
-
画像の横にテーブルを。。。
-
スタイルシートで、画像の横に...
-
テーブルの高さ幅の固定方
おすすめ情報