javascript リンク先の変更

質問

遅くに失礼致します。

Javascriptで可能かどうかは分からないのですが
リンク先を変更する手段を探しています。

現在ホームページを組んでおり、jQueryのスクリプトお導入した所、
リンク先に数値が指定してありその数値を変更したいのですが
変更するとjQueryが動作しなくなり困っております。

html側のソースは
<a href="a?x=344&y=-53" class="a_a"><img src="#"></a>
<a href="b?x=-50&y=0" class="a_b"><img src="#"></a>
等となっており、
画像をクリックしたら一度　a?x=344&y=-53.html に移動してから自動で別ページへ誘導する事を
考えてみたのですがその様なファイルが作れるはずもなく行き先を失いました。

クリックしてリンクが　a?x=344&y=-53　なら ****.html　に誘導等といった事はjavascriptで可能なのでしょうか？
また、対策として何か方法があるようでしたらご教授頂ければ幸いです。

何卒、宜しくお願い致します。

回答No.2

shiren2 · ベストアンサー

ANo.1です。
書いてから気付きましたが、href属性を変更するとスクリプトが動作しないのであれば、動的に変更しても駄目かもしれません。

onclick属性で実装した方が良いかもしれません。
参考までに。

<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
　var map = {
　　"a?x=344&y=-53" : "aaa.html",
　　"b?x=-50&y=0" : "bbb.html",
　};

　$("a").click(function(){
　　var addr = $(this).attr("href");
　　if(addr in map){
　　　location.href = map[addr];
　　　return false;
　　}
　});
});
</script>
<a href="a?x=344&y=-53" class="a_a"><img src="#">AAA</a>
<a href="b?x=-50&y=0" class="a_b"><img src="#">BBB</a>

お礼

ありがとうございます。
まだ前回の解答の実験が出来ておらずいまから実験してみます。
返事が遅れまして失礼致しました＞＜

回答No.1

shiren2

理解出来ているかわからないですが、こういうことでしょうか。
インデントは全角スペースになっています。

<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
　var map = {
　　"a?x=344&y=-53" : "aaa.html",
　　"b?x=-50&y=0" : "bbb.html",
　};

　$("a").each(function(){
　　var addr = $(this).attr("href");
　　if(addr in map){ $(this).attr("href", map[addr]); }
　});
});
</script>

<a href="a?x=344&y=-53" class="a_a"><img src="#">AAA</a>
<a href="b?x=-50&y=0" class="a_b"><img src="#">BBB</a>

お礼

ソース見た感じやりたい事はそうです。

返答有難う御座います。
少し試してみますね。