リンク先の自動変更？について

質問

先日まで、どの質問カテゴリが適切か解からずhtmlに投稿していまいたが
回答にてjava scriptだと教えていただいたのでこちらに再投稿させて頂きます。

先日以下の様な方法でＵＲＬの変換を行っているサイトがありました。

元々のリンク先
<a href="http://aaa.bbb.ccc/xxxxx" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a>
↓
1行テキスト領域に『yyyyy』と入力し隣の変換ボタンを押す
↓
変換されたリンク先
<a href="http://aaa.bbb.ccc/yyyyy" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a>

と『xxxxx』の所が『yyyyy』に変換されました。
gifの変更もなくリンク先のみ変更というのはどの様な方法なのでしょうか？

どなたかご存知の方が居ましたら方法をご教授頂きたいと思います。

回答No.1

yambejp · ベストアンサー

＞以下の様な方法でＵＲＬの変換を行っているサイト

実際にあるのであれば、ソースをおっかければよいのでは？
簡単に書けば、こんな感じでいけます。

<script>
function change(){
var hoge=document.getElementById("hoge");
var tags=document.getElementsByTagName("a");
for(var i=0;i<tags.length;i++){
var url="http://aaa.bbb.ccc/"
if(tags[i].href.match(url)){
tags[i].href=url+hoge.value;
};
}
}
</script>
<a href="http://aaa.bbb.ccc/xxxxx" target="_blank"><img src="00.gif" width="100" height="60" border="0"></a>
<input type="text" id="hoge">
<input type="button" value="変換" onClick="change()">

お礼

ご回答ありがとうございます。
どのサイトだったのか忘れてしまい追う事が出来ませんでした。

yambejp様の回答により無事解決しました！
大変ありがとうございます。感謝いたします。