javascriptでのリンク表示

質問

サンプル図（http://lancerevolution.tuzikaze.com/sampletest.html）
main.htmlと言うページとmenu.htmlと言うページがあります。
main.htmlと言うページには、
　⇒<a href="b.html?url=http://yahoo.co.jp" target="_blank">Yahoo Japanへ！</a>
　⇒<a href="b.html?url=http://www.google.co.jp/" target="_blank">Googleへ！</a>
　⇒<a href="b.html?url=http://jp.msn.com/" target="_blank">msnへ！</a>
と言う３つのリンクがあります。
この３つリンクの内どのリンクでもいいのでクリックした時に、サンプル図の(3)の部分に、
　⇒<a href="http://yahoo.co.jp" target="new">Yahoo Japanへ！</a>
　⇒<a href="http://www.google.co.jp/" target="new">Googleへ！</a>
　⇒<a href="http://jp.msn.com/" target="new">msnへ！</a>
として出力することはできますでしょうか？
つまり、main.htmlにあるリンクをクリックした時に、main.htmlの「b.html?url=」を含んでいる、リンク全てを(3)の部分に出力（"b.html?url="の部分を削除、targetを"new"にして出力）できますか？ってことです。

もし、できるようならどのようなjavascriptが必要でしょうか？どうぞ、よろしくお願いします。

回答No.1

みずの（@mizuno3） · ベストアンサー

出来るんじゃないですかね。
javascriptが必要になると思います。

<script type="text/javascript">
var title = '';
document.location.match(/url=(.*)/);
var url = RegExp.$1;

if (url.match(/yahoo/)) {
title = 'Yahoo Japanへ！';
} else if (url.match(/google/)) {
title = 'Googleへ！';
} else if (url.match(/msn/)) {
title = 'msnへ！';
}
document.getElementById('idname').innerHTML = '<a href="' + url + '"​ target="new">' + title + '</a>';
</script>

ちょっとしょぼいですがこんなのはどうでしょう。
menu.htmlに書くjavascriptです。
(3)の部分のタグに、 id="idname"　とか書くと書かれると思います。

お礼

もっと効率がいい方法が見つかりましたので、そちらのほうでまた質問させていただこうかと思います。

どうもありがとうございました

補足

サンプルプログラムありがとうございます。

=====================================================
if (url.match(/yahoo/)) {
title = 'Yahoo Japanへ！';
} else if (url.match(/google/)) {
title = 'Googleへ！';
} else if (url.match(/msn/)) {
title = 'msnへ！';
}
=================================================
この部分なんですが、menuと言うページ１つしか使用しないため、このように書くと、リンクが１００とかに増えるととんでもないことになります。

そこで、もう少し噛み砕いて何がしたいのか改めて書かせてもらおうかと思います。

◆プログラム的に説明すると
1.親ウィンドウをクリックした時に子ウィンドウが開きます
2.親ウィンドウの「b.html?」を含める「aタグ」「タイトル」一覧を取得します
3.取得したaタグ一覧を<a href="××.html" target="××">title</a>として子ウィンドウに出力します

◆上のプログラムを実際に説明すると
1.main.htmlのリンクをクリックした時に、新規ウィンドウで子ウィンドウmenu.htmlが開きます
2.この時に、main.htmlの
　⇒<a href="b.html?url=​http://yahoo.co.jp"​ target="_blank">Yahoo Japanへ！</a>
　⇒<a href="b.html?url=​http://www.google.co.jp/"​ target="_blank">Googleへ！</a>
　⇒<a href="b.html?url=​http://jp.msn.com/"​ target="_blank">msnへ！</a>
リンクをクリックした時に、「b.html?url=」を含める「aタグ」「タイトル」一覧を取得します
3.取得したaタグ一覧とタイトルを
<a href="http://yahoo.co.jp.html" target="new">Yahoo Japanへ！</a>
<a href="http://www.google.co.jp/"​ target="new">Googleへ！</a>
<a href="http://jp.msn.com/"​ target="new">msnへ！</a>
として(3)の部分に出力します

以上の、動作をjavascriptでやりたいと思っています。最初に書いた説明が分かりにくくてすみません＠＠

＊main.htmlのリンクが変更されたら、menu.htmlの(3)の部分も変更されるようにしたいのです。
＊menu.htmlは、1ページしか使いません
＊配列でもなんでも使用してもかまいませんので、どうぞよろしくお願いします