- ベストアンサー
クリックなどをするとテキストが強調表示されるjavascript
こんにちは。 フレーム使用したWEBページを作成中です。 たとえばフレームAの「あいう」という文字をクリックすると フレームB内の「あいう」というテキスト(リンク等ではなく)が強調表示される、 というようなjavascriptはありますでしょうか。 あちこちの配布サイトを検索してみたのですが、キーワードが 適切でないためか、なかなか見つけられませんでした。 よろしくお願いします。
- raccoondog
- お礼率83% (54/65)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
勘違いしたところがありましたので、 ・ フレームB内で見つかった「あいう」を全て強調表示すると いうことで考えてみました。（Stringオブジェクトの正規表現を利用） ----------------------------------------------------------------------- left.html ----------------------------------------------------------------------- <html> <head> <title>目次</title> <script language="javascript"> <!-- function change(str){ var re= new RegExp(str,"g"); var b=parent.right.document.getElementById('rbody'); var ss=b.innerHTML; b.innerHTML= ss.replace(re,"<strong>"+str+"</strong>") } //--> </script> </head> <body> <p style="text-align:center">もくじ</p> <p style="text-align:center"><a href="#" onclick="change(this.innerHTML)">あいう</a></p> </body> </html> ----------------------------------------------------------------------- right.html ----------------------------------------------------------------------- <html> <head> <title>本文</title> </head> <body id="rbody"> <p id="target"> ほんぶん あいう ほんぶん ほんぶん </p> <hr /> <p> ほんぶん ほんぶん あいう ほんぶん </p> </body> </html>
その他の回答 (2)
- VCAT
- ベストアンサー率20% (16/79)
どのみち削除だろうけど、 1番さんにもうしあげると、初心者の質問者にそんなデタラメのタグで書くのはどうなの？ もっと質問者のことを考えてあげてよ。 このサイトは回答者を批判しちゃいけなりらしい。事なかれ主義とい うのか、質問者が間違って覚えても別に構わないそうだ。 だけど、ちょっと許せないので書いた。
- auty
- ベストアンサー率58% (284/486)
以下のコードを参考にしてみてください。 ----------------------------------------------------------------------- frame.html ----------------------------------------------------------------------- <html> <head> <title>フレーム使用例</title> </head> <frameset cols="20%,80%"> <frame name="left" src="left.html" /> <frame name="right" src="right.html" /> </frameset> </html> ----------------------------------------------------------------------- left.html ----------------------------------------------------------------------- <html> <head> <title>目次</title> <script language="javascript"> <!-- function change(){ var t=parent.right.document.getElementById('target'); t.innerHTML= "<strong>"+t.innerHTML+"</strong>" } //--> </script> </head> <body> <p style="text-align:center">もくじ</p> <p style="text-align:center"><a href="#" onclick="change()">あいう</p> </body> </html> ----------------------------------------------------------------------- right.html ----------------------------------------------------------------------- <html> <head> <title>本文</title> </head> <body> <p id="target"> ほんぶん ほんぶん ほんぶん ほんぶん </p> <hr /> <p> ほんぶん ほんぶん ほんぶん ほんぶん </p> </body> </html>
お礼
すみません、お礼に書こうとしたのに補足に書いてしまいました
補足
まさにこれです！ ありがとうございました！ 助かりました！