HTMLを勉強しているものです。相談できる人がいないのでぜひアドバイスをお願いします。
例えば、現在Aというサイトを見ています。そのAサイト部分のボタンはすでにロールオーバーで色が変わっています。Aサイト内には、3つBCDの項目がありそれぞれをクリックするとAサイト内で各項目の最初に飛ぶように設定しています。
しかし、Aサイトにはすでにロールオーバーでボタンの色が変わっています。
BCDの項目に飛ばした場合、それぞれのボタンにロールオーバーで色を変えることは可能でしょうか?
言葉で伝えるのは難しくて理解できないかもしれませんが、よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
やってみていないので何とも言えませんが、javascriptで出来ると思います。
htmlの置き換えを使って
ページのurlがこれのとき、ここのhtmlの記述をこう書き換える、という風にすれば出来ると思います。
私は自分でjavascriptを書くのは長けていないので、
私ならjQueryというjavascriptのライブラリを使います。
しかし、技術的には可能だとしても結局は同じページですので
少しスクロールすればページ内の場所は変わります。
例えばBの場所に飛んだとして(メニューBの色が変わる)、
そのままボタンを押さずにCやDの位置にスクロールして行っても
メニューの色が変わっているのはBのままです。
「このページですよ!」という画像やテキストの表現は有りだと思いますが、
「この場所ですよ!」という表現はユーザビリティ的に見てもわかりづらいと思うので私ならしません。
回答ありがとうございます。そしてお礼が遅くなり申し訳ありませんでした。
色々あいまいなところがなんとなくわかったように思います。基本的には私がやろうとしていることは良くないですね。
今回のことをふまえてもう一度、他の方法など考えてみようと思います。
ありがとうございました。
No.1
- 回答日時:
正直意味が分からない
>現在Aというサイトを見ています
これは自分でつくったサイトではなく他人のページという意味?
であればブラウザ側の設定ではなんとも対応できないかと。
>Aサイト部分のボタンはすでにロールオーバーで色が変わっています
ボタンの色がかわるとは?ボタンは画像ですよね?画像が入れ替わって
いるのか、それとも何らかのタグの背景色がかわっているかによって
違うと思います。
>3つBCDの項目
メニューがあってページ内リンクになっている?
>それぞれのボタンにロールオーバーで色を変える
クリックしてロールオーバー?普通はオンマウスアクションですが・・
実現方法としてはcssのみでの対応は難しそうですが、javascript
でよいのでしょうか?
もう少し具体的なソースと挙動の説明がない限りなんとでもとれる
文章なので、回答のしようがないかと
この回答への補足
回答ありがとうございます。本当、説明不足すぎてて申し訳ありませんでした。
現在dreamweaverにて作成中です。
メニューのボタンの色はDreamweaverのロールオーバーイメージにて設定しました。
サイドナビのコードはこんな感じです。
indexでメニューAをクリックするとxxx.htmlのサイトに変わり、メニューAボタンにはあらかじめ色がついています。
縦長のサイトなのでメニューB・C・Dのボタンをクリックしたときにアンカー設定をしているのでそれぞれの所から表示することはできたのですが、メニューの色が変わらずに困っています。
<div id="sidenavi">
**メニューAボタン
<div><a href="xxx.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image44','','images/ovbtn-A.gif',1)"><img src="images/ovbtn-A.gif" alt="A" name="Image44" id="Image44" /></a></div>
**メニューBボタン
<div><a href="xxx.html#bb" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image45','','images/ovbtn-B.gif',1)"><img src="images/wbtn-B.gif" alt="B" name="Image45" id="Image45" /></a></div>
**メニューCボタン
<div><a href="xxx.html#cc" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','images/ovbtn-C.gif',1)"><img src="images/wbtn-C.gif" alt="C" name="Image46" id="Image46" /></a></div>
**メニューDボタン
<div><a href="xxx.html#dd" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image46','','images/ovbtn-D.gif',1)"><img src="images/wbtn-D.gif" alt="D" name="Image46" id="Image46" /></a></div>
</div>
このように設定してあります。
そしてそれぞれのメニューをクリックしたときに合せてボタンに色を付けたいのですが可能でしょうか?
補足です。
上の質問のところに簡単に画像を付けてみました。(見にくくてすみません。)xxx.htmlの通常のサイトは一番左の状態になっています。
メニューBをクリックしたときに、真ん中の画像のようにしたいのですが、右側の画像の状態になってしまいます。
少しはイメージできましたでしょうか??
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 債券・証券 年末に来る証券会社からのNISAロールオーバー申込みについて 4 2022/11/12 08:01
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- その他(IT・Webサービス) google サイトの目次表示について 1 2023/06/17 23:24
- 教えて!goo ベストアンサー、お礼の仕方教えてください。 ベストアンサーやお礼をしたくてもボタンが見つかりません。 2 2023/01/13 18:49
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- 確定申告 【至急(TT)】間違えて入力した仮受金の処理方法についてアドバイス願います。 2 2023/03/06 16:58
- その他(Microsoft Office) 折れ線グラフ、同じ項目の色 4 2022/12/23 15:46
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Visual Basic(VBA) Edge操作のアプリが例外発生に 1 2023/03/12 21:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォームに入力した文字列「○○○」...
-
INPUTのボタン周囲のスペース
-
ボタンを押さずにボタンを押す...
-
getParameterで値が取得できず...
-
submitボタンを横一列複数リン...
-
UWSC
-
formの送信ボタンをテキストに...
-
<div>部分のみの更新
-
戻ると、記入フォームの内容が...
-
リンクでPOSTデータを送信する...
-
どのボタンが押されたかの判定
-
ボタンをクリックした時に、入...
-
HTMLボタンの文字色を変え...
-
開くと同時に自動submit
-
ボタンリンクの文章を二行に・・・
-
c# 文字列の最後から1文字削除...
-
Webページ上のボタン等の位置を...
-
ASPで画面間のパラメタ受け渡し
-
asp.NET初心者です。「 ’Contex...
-
テキストボックスのクリックで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
getParameterで値が取得できず...
-
リンクでPOSTデータを送信する...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTML ラジオボタン nameの大文...
-
HTMLのKEYとVALUE...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
input button の文字の色を2色...
-
グーグルマップの文字化けで困...
おすすめ情報