@の後ろを自動的にリンクにしたい

締切済

質問者：cnkozo
質問日時：2013/02/08 17:14
回答数：4件

javascriptで、「@」の後ろを自動でリンク化したいです。

ある文字列があったとします。
@ほげほげ

これを、自動的に(class=autoがついている範囲の場合は)、
<a href="http://hoge.com/hoge.php?=ほげほげ">@ほげほげ</a>
というリンクがつくようにしたいです。
phpに渡すクエリには、@はつけたくないですが、見た目のリンクは@を含めるようにしたいです。
(区切りはスペースまで)

ｈttp://～
に関しては以下のページが参考になりました。
http://www.openspc2.org/JavaScript/Ajax/jQuery_p …
同じようなことを @～でやりたいという意味になります。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

最新から表示
回答順に表示

No.4

回答者： babu_baboo
回答日時：2013/02/08 22:35

こんな漢字でしょうかね・・・

<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
<body>


aaa
@bbb
ccc@ddd
@eee
fff
@ggg

<script>

var a = document.createElement ('a');
a.appendChild (document.createTextNode (''));

Array.prototype.slice.call (document.getElementsByClassName ('auto'), 0)
　　 .forEach (
　　　 function (e) {
　　　　 var t = e.textContent;
　　　　 var c = this.cloneNode (true);

　　　　 c.href = (0 === t.indexOf ('@'))
　　　　 ? 'http://hoge.com/hoge.php?name=' + encodeURIComponent (t.substring (1))
　　　　 : t;
　　　　
　　　　 c.firstChild.data = t;
　　　　 e.parentNode.replaceChild (c, e);
　　　 }, a);

</script>

- 0
- 件

通報する

No.3

回答者： yambejp
回答日時：2013/02/08 21:17

こんなかんじでしょうかねぇ・・・

この回答への補足

ありがとうございます。
仰る方法で実現できました。

ただ、大変申し訳ございません、
参考サイト：
http://www.openspc2.org/JavaScript/Ajax/jQuery_p …
と同じく、
ｈttp://～
の場合は、通常のリンク、
@ほげほげ
の場合は、
ｈttp://hoge.com/hoge.php?name=ほげほげ
へのリンク、ということにしたいのですが、どうしたらよいでしょうか。
つまり、ｈttp://～と@～の場合でリンクを変えたいです。そこがうまくできませんでした。

よろしくお願いいたします。

補足日時：2013/02/08 22:12

通報する

- 0
- 件

通報する

No.2

回答者： fujillin
回答日時：2013/02/08 20:53

参照サイトはjQueryを利用して解説しているようなので、jQueryを利用しています。

（全角空白は半角に）
$(function(){
　var baseURL = "http://hoge.com/hoge.php?=";
　$("span.auto").each(function(){
　　$("<a></a>").html(this.innerHTML)
　　　.attr("href", baseURL + encodeURIComponent(this.innerHTML.replace(/^\@/, "")))
　　　.replaceAll(this);
　});
});

この回答への補足

ありがとうございます。

大変申し訳ございません、
参考サイト：
http://www.openspc2.org/JavaScript/Ajax/jQuery_p …
と同じく、
ｈttp://～
の場合は、通常のリンク、
@ほげほげ
の場合は、
ｈttp://hoge.com/hoge.php?name=ほげほげ
へのリンク、ということにしたいのですが、どうしたらよいでしょうか。
つまり、ｈttp://～と@～の場合でリンクを変えたいです。

よろしくお願いいたします。