ベストアンサー

URL変更２

2009/10/06 06:38

http://okwave.jp/qa5330543.html 上記の回答5で1つの入力で変更する事はできました。２つの入力で違う箇所のURLを変えたいです。 X,Yのテキストボックスに入力されたものに、それぞれの初期値の部分だけ変更させるにはどうしたら良いでしょうか？ 1日調べていましたが、進展はありませんでした。 X [ ]　初期値sample8 Y [ ]　初期値test5 <a href="http://sample8.jp/fol/etc_a.html">a</A> <a href="http://test5.jp/fol/etc_b.html">b</A> <a href="http://sample8.jp/fol/etc_c.html">c</A> <a href="http://test5.jp/fol/sample8_d.html">d</A>

maki12
お礼率44% (49/110)

JavaScript
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

fujillin
ベストアンサー率61% (1594/2576)

2009/10/06 09:24 回答No.1

<html> <head> <script type="text/javascript"> var urlChanger = { keywords:{ 'sample8':'' , 'test5':'' }, source:'', set:function(elm,key) { var target = document.getElementById('target'); if (target) { if (!this.source) this.source = target.innerHTML; this.keywords[key] = elm.value; target.innerHTML = this.source; var k, i=-1, a = target.getElementsByTagName('A'); while (a[++i]) { for (k in this.keywords) { if (this.keywords[k]) a[i].href = a[i].href.replace(k, this.keywords[k]); }}}} } </script> </head> <body> <label>X: <input type="text" onmouseout="urlChanger.set(this,'sample8')"> </label><br> <label>Y: <input type="text" onmouseout="urlChanger.set(this,'test5')"> </label> <div id="target"> <a href="http://sample8.jp/fol/etc_a.html">a</A> <a href="http://test5.jp/fol/etc_b.html">b</A> <a href="http://sample8.jp/fol/etc_c.html">c</A> <a href="http://test5.jp/fol/sample8_d.html">d</A> </div> </body> </html>

質問者

お礼 2009/10/06 11:17

前回の回答５で頂いた記述からどこかを変えるだけではなく、キーワードを設定してurlChanger.set(this,'test5')となるのですね。これで望む動作が出来ました。ありがとうございました。

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

fujillin
ベストアンサー率61% (1594/2576)

2009/10/06 21:59 回答No.4

#1です。う～～む。微妙な感じ・・・・ #2への補足の＞<a href="http://sample8.jp/fol/sample8_d.html">d</a> ＞後のsample8はsample8のままで変更されませんでした。の事象は#1の回答でも同様です。 replace（）で単純に置換しているので、最初の1個しか置換されません。（前々回の質問の最初の回答は、全部置換するようにしていたのだけれど、どうやらそうでもないような補足説明があったので…）（←イイワケ・・・）つぎはぎですが、全部を置換したいのであれば、先に　var re = new RegExp(k,"g"); みたいにgフラグを指定しておいて、　replace(re, this.keywords[k]) で置換すれば全部置換されるようになります。（ループの内外を逆にしないとばかばかしいかぁ…、いや、そもそも一番最初に定義しておくべきか…）

質問者

お礼 2009/10/06 22:50

test5、sample8と1行に2箇所あった場合、「sample8」が変わらなかったのか 1つ目だけ変わって「2つ目」が変わらなかったのか、どちらか判断するために > 試しに、前後どちらもsample8にしてみました。結果、1つ目の「sample8」は変わったので「2つ目が変わらない」という事が判明しました。という事でして、対象はページ内全部ですが、同じ物が1行に２つ入る事はありません。紛らわしくてすみませんでした。全部を置換する方法まで記述して頂いてありがとうございます。

ログインすると、全ての回答が全文表示されます。

yyr446
ベストアンサー率65% (870/1330)

2009/10/06 14:58 回答No.3

yyr446です。失礼しました。確かに、変わってません。 test5とsample8が両方入っていたのですね。気づきませんでした。 no.1さんの解答で解決してよかったですね

質問者

お礼 2009/10/06 22:25

言葉足らずですみませんでした。 4行目に変えたい場所が2箇所ありました。試して頂きありがとうございます。

ログインすると、全ての回答が全文表示されます。

yyr446
ベストアンサー率65% (870/1330)

2009/10/06 10:24 回答No.2

前（質問番号：5342674）の回答番号：No.2の方（yuu_x）のソースそのままで、ご希望どうりに動いていますよ。コピペミスじゃないですか？

質問者

お礼 2009/10/06 11:01

追記です。 <a href="http://sample8.jp/fol/sample8_d.html">d</a> 試しに、前後どちらもsample8にしてみました。ですが、前のsample8は変更されましたが、後のsample8はsample8のままで変更されませんでした。 http://の後しか変更されないようです。

質問者