- ベストアンサー
ページごとにテキストの色を変えたい。
こんにちは。ぽちたろうです。いつもお世話になりっぱなしです。 今、ホームページ用のメニューを作成しているのですが、 例えば、 ページＡ ページＢ ページＣ という風にメニューがあって、 実際そのページに飛んだ場合 そのメニューの該当部分の色を変えるという風に したいのですがどうしたらよいのでしょうか？ （メニューはすべてのページについていて、 今どのページにいるかわかるようにするという感じ） 各ページのスクリプト部分に変数で番号を振って、それを関数で色を変えたいテキストの部分と照らし合わせるようにしたらよいのかと考えたのですが・・・。 どなたか教えてもらえると助かります！
- pochitarou
- お礼率91% (268/292)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
メニュー部分がどうなっているのか分からないので取り合えずLI要素にしてみましたが、 liである必要はありませんので適当なものに変えてください。 <li id="menu1"><a href="*****">ページA</a></li> <li id="menu2"><a href="*****">ページB</a></li> <li id="menu3"><a href="*****">ページC</a></li> 以下は<head>～</head>に。ページ番号と該当部分の色の指定を行ってください。 <script type="text/javascript"> <!-- window.onload = function (){ var page = 1; //ページ番号 var obj = document.all || document.getElementById; if (obj) { obj("menu" + page).style.backgroundColor = "#FFBBBB"; //該当部分の色 } } //--> </script>
その他の回答 (1)
- karumakaruma
- ベストアンサー率65% (65/100)
フレームで分けるって事ですかね？ とりあえずフレームで分けた場合のやり方 ＃動作確認はIEのみです。 親htmlにて <FRAME SRC="menu.html" NAME="menu"> <FRAME SRC="main1.html" NAME="main"> という様にmenuとmainに分ける menuにて <A ID=main1 HREF="main1.html" TARGET=main>main1</A> <A ID=main2 HREF="main2.html" TARGET=main>main2</A> <A ID=main3 HREF="main3.html" TARGET=main>main3</A> という様にID=**** をつける 各mainページにて <SCRIPT LANGUAGE="JavaScript"> <!-- function Init(MAIN){ parent.menu.document.all(MAIN).style.backgroundColor= '#FF0000'; } function UInit(MAIN){ parent.menu.document.all(MAIN).style.backgroundColor= '#FFFFFF'; } //--> </SCRIPT> と <BODY onLoad="Init(*****);" onUnLoad="UInit(*****)"> ＃*****はメニューのID こんな感じでどうでしょう？
お礼
お返事遅くなりすみません。 フレームは使わないのですが この方法で出来そうな気がします。 （まだ、自分で検証してないのですが） どうもありがとうございます。
関連するQ&A
- 同じ形式のページを作る方法は・・・？
ホームページを作成するにあたって、質問があるのですが？ 作成にはDreamweaverMXを使用しています。 ホームページを作る際に、同じような内容のページが沢山ある場合どういう風に作成していけばいいのでしょうか？ 例えば、トップのメニュー、サイドの表示項目、最下部のコピーライト部分などなど、他のページでもその部分だけは変わらない箇所というのがあるのですが、それらを次に作っていくページに反映させるためには普通どうやって作っていくのでしょうか？ 私は正しい作成方法が分からないので、作った物をコピーしてファイル名を変えて、いらない部分を削除して作っていっていますが、こんな方法は多分違っていると思います。 正しいホームページの作成方法が分かる方は教えてください。
- ベストアンサー
- ホームページ作成ソフト
- テキストだけアップロードしておきたい
昨日、MacからWindowsに乗り換えたのですが、色んなソフトを入れて重くしたくないので、重くならないホームページ作成ソフト、または作成方法を探しています。でも、色々ありすぎてどれがいいのかよく分かりません。 これまでのホームページ作成ソフト Mac用（しかもOS 9.0以下用）GO LIVE 5.0 ※以前は画像なども使用していたため 現在必要な部分 テキストのみのページを作成したい 次ページ、前ページなどにリンクも作成できる アクセス数を閲覧出来る（ハーボットのビーコンを設置できる） 理由は、オンラインで小説を書いているためです。以前のように自分のサイトを構えても管理するのが大変面倒なので、ブログを書きつつ、ブログのサイドメニューから小説のページにリンクして見られるようにしてあります。 続きものの途中だったのですが、どうしてもMacの重さと古さに耐え切れずにWindowsにしました。出来る限り早くテキストをアップできる環境にしたいので、教えて頂けると大変助かります。どうか、よろしくお願いします。
- ベストアンサー
- Windows XP
- Adobe Golive テキストの色をどの様にして固定するのでしょうか？
現在、Adobe Goliveで http://www.niche-marketing.jp/sample/hina.html にある黄緑のテンプレートを使ってホームページを作成しています。 そのテンプレート上の左メニューに箇条書きが４つ付いています。（■）５つ目を増やすと文字の色が白くなってしまいます。 一度書式から色なしを選択したら黒くなりましたが、もう一行箇条書きを増やすとまたテキストが白く戻ってしまいます。 一回ずつ色なしを選択しなくても以降黒のテキストのまま入力する方法があれば教えて下さい。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- テキストを目立つように装飾
ウェブページ上でテキストの一部分を目立つように装飾したいです。点滅はうるさいとの意見も多いようですので、だんだんと色が変わるというようなものにしたいのですが、このようなスクリプトの例はないでしょうか？ また、gifやflash以外でほかによいアイデアがありましたら、アドバイスください。
- ベストアンサー
- JavaScript
- テキストにページ数を入れたい
Open OfficeCalcで作成したテキストにフッターを挿入しページ数＆総ページ数を入れたいのですが、どうすればよいでしょうか。同じOpen OfficeのWriterでは先日の質問で解決できました。Calcではメニューにフッターの挿入が見当たらず、先に進めません。初心者なので、ご教示よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
- 表示ページ中のテキスト部分だけ簡単に更新する方法
WEBページに使われている画像を差し替えるとき、予めその画像ファイルの名前とサイズさえ注意していれば、上書きするだけで簡単に変わります。 これと同じようなことを、テキスト部分で行なえたらと考えています。 たとえば、次のようにテキスト表示している箇所があるとします。 +-----+ |CLOSE| +-----+ これを、簡単に次のような表示に変更したいと考えています。 +-----+ |OPEN | +-----+ 現在では、ホームページビルダーで該当するhtmlページを開き、該当箇所を修正して保存してFTPしており、ちょっと面倒です。 そこで、テキストファイルを差し替えるだけで表示も変えられたら簡単かな？と考えました。 例えばローカルに「status.txt」というファイルがあり、表示させたい内容を記述しftp転送すれば、表示を簡単に変えられるのではないか？と思いました。 当初は、該当ページをフレームに変えて、変更したい箇所を「status.html」というファイルでつくり、この中の記述を差し替えることでも出来るかなと思いましたが、もっと簡単な方法があるかもしれないと考えて質問させていただきました。 よろしくお願いします。
- 締切済み
- HTML
- VideostudioX4 メニューテキストの色
いつもご丁寧な回答をありがとうございます。 VideostudioX4 proを使用しています。 DVDディスク作成時に、メニューテキストの色を変更できますか？ 数あるメニューのサンプルテンプレートから選ぶ仕様になっているようですが、ゼロから作ることはできるのでしょうか。 メニュー背景のアニメなど、必要なく、シンプルに作りたいです。 ご回答、よろしくお願いいたします。
- ベストアンサー
- 画像・動画・音楽編集
- マウスオーバーでテキストの色を変えたい
この「OK Web」のサイトもそうですが、最近、マウスポインタがかぶさるとテキストの色が変化したり、下線が付いたりするページをよく見かけますね。あれ、スマートでかっこいいなと感じます。 私もホームページをMacintoshのDreamweaverを使って作っているのですが、どうすればそのようなテキストが作れるのでしょうか？ いろいろ調べたのですが、分かりませんでした。 なんという「わざ」なのかも知らないので、検索もできず困っています。 どなたかぜひ教えてください。よろしくお願いします。
- ベストアンサー
- HTML
- もとの色が違うテキストをマウスポインタをあてた時に色が変わるようにしたい
ドリームウィーバーでホームページを製作中なのですが、どなたか1点教えてください。 マウスポインタをあてるとテキストの色が変わるようにするのは a:hover を使って出来たのですが、同じページ内でもとのテキストの色を2色の違う色にしたいのです。 CSSで指定してしまうと、同じ色になってしまうのです、、、 （シート内で無理やり色を変えるとマウスポインタをあてた時に色が変わらないし、、、） ヘタな説明で分かりづらいかもしれませんが、お分かりになる方いましたら宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
お礼
回答ありがとうございます。 文字の色を代える場合はどうしたら良いでしょう。