JavaScriptでタグ同士の+結合で文字列が崩れる

Question

正規表現でhttp://～等の入力があった場合自動でアンカー表記し、Link表示するようにJavaScriptを組んでおります。

	function autoLink(message) {
		return message
				.replace(
						/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g,
						'<a href="javascript:void(0);" onclick="window.open("$1", "", "")" target="_blank">$1</a>');
	}

この結果は以下のように置換されて正常に返ってきているように見えます。
【入力】
りんく：http://www.google.com
【出力】
りんく：<a href="javascript:void(0);" onclick="window.open("http://www.google.com", "", "")" target="_blank">http://www.google.com</a>

実際はこの置換処理の後に以下のようにdiv要素に+で文字列連結しております。
msgが上記で置換したアンカータグが入るようになっています。

var messageElement = $('<div class="sendbox">' + msg + '<span class="msgToolTip">' + sendDate + '</span></div>');

このやり方でやると何故かアンカータグの中身が書き変わってしまっており、デバッガでみたところhttp://がhttp:=""のようになったり崩れてしまっています。

jQueryで要素を生成しているやり方が悪いのかと思い以下のように要素生成後にhtmlでアンカーを追加しましたが駄目でした。

var messageElement = $('<div class="sendbox"></div>');
messageElement.html(msg);

解決方法等もし分かる方がいらっしゃたらご教授頂ければ幸いです。

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

Answer 1

見当違いだったら申し訳ないんですが、
↓のようにwindow.openの後のダブルクォーテーションはエスケープ
してやる必要がある気がします。

'<a href="javascript:void(0);" onclick="window.open(\\"$1\\", \\"\\", \\"\\")" target="_blank">$1</a>'

Comments

[rice]

エスケープはおっしゃる通りでソース間違っております。
試しましたが出来ませんでした。以下のように崩れてしまいます。

<a href="javascript:void(0);" onclick="window.open(\" http:="" www.yahoo.co.jp\",="" \"\",="" \"\")"="" target="_blank">http://www.yahoo.co.jp</a>