<HTML>


<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=UNICODE">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>アコニック・ランド：テキスト比較</title>

<link rel="stylesheet" type="text/css" href="../style.css">

<link rel="shortcut icon" href="../uam.ico">

<script type="text/javascript">

<!--

function chopsp(A1,T1){

	str=T1.value;

	str=str.replace(/&/g,"&amp;");

	str=str.replace(/</g,"&lt;");

	str=str.replace(/>/g,"&gt;");

	//str=str.replace(/ /g,"&nbsp;");

	str=str.replace(/\r\n|\r/g,"\n");

	if(A1.chop && A1.chop.checked){

		str=str.replace(/[ \t]+(\n|$)/g, "$1");

	}

	if(A1.fchop && A1.fchop.checked){

		str=str.replace(/(^|\n)[ \t]+/g,"$1");

	}

	if(A1.autret && A1.autret.checked){

		str=str.replace(RegExp("(.{"+A1.autretval.value+"})","g"),"$1\n");

	}

	return str;

}


function hyoujigm(str1,str2,dspnc,gyou){

	var strres="";

	var strres2="";

	var j3mx=0;

	var mxj1=str1.length;

	var mxj2=str2.length;

	for(var j2=0;j2<str2.length;++j2){

		for(var j1=0;j1<str1.length;++j1){

			if(str1[j1]==str2[j2]){

				for(var j3=0;j1+j3<str1.length+1 || j2+j3<str2.length+1;++j3){

					if(!(j1+j3<str1.length && j2+j3<str2.length && str1[j1+j3]==str2[j2+j3])){

						if(j3>j3mx){

							j3mx=j3;

							mxj1=j1;

							mxj2=j2;

						}

						break;

					}

				}

			}

		}

	}


	if(j3mx==0){

		var ires1=!gyou?str1:str1.join('\n');

		var ires2=!gyou?str2:str2.join('\n');


		if(gyou){

			if(gyou==2){

				var ires=hyoujigm(ires1,ires2,dspnc,0);

				ires1=ires[0];

				ires2=ires[1];

			}

			ires1=ires1.replace(/\n/g,"<BR>");

			ires2=ires2.replace(/\n/g,"<BR>");

		}


		if(gyou){

			strres+="<tr"+(gyou==2?"":" bgcolor=yellow")+"><td><pre>"+ires1+"</pre></td><td><pre>"+ires2+"</pre></td></tr>";

		}else{

			strres+="<span style=\"background-color:yellow;\">"+ires1+"</span>";

			strres2+="<span style=\"background-color:yellow;\">"+ires2+"</span>";

		}

	}else{

		if(mxj1 || mxj2){

			var ires=hyoujigm(str1.slice(0,mxj1),str2.slice(0,mxj2),dspnc,gyou);

			if(gyou)strres+=ires;

			else{

				strres+=ires[0];

				strres2+=ires[1];

			}

		}


		if(dspnc || !gyou){

			var ires=str1.slice(mxj1,mxj1+j3mx);

			if(gyou)ires="<tr bgcolor=white><td colspan=2><pre>"+ires.join("<BR>")+"</pre></td></tr>";

			else ires="<span style=\"background-color:white;\">"+ires+"</span>";


			strres+=ires;

			if(!gyou)strres2+=ires;

		}


		if(mxj1+j3mx<str1.length || mxj2+j3mx<str2.length){

			var ires=hyoujigm(str1.slice(mxj1+j3mx,str1.length),str2.slice(mxj2+j3mx,str2.length),dspnc,gyou);

			if(gyou)strres+=ires;

			else{

				strres+=ires[0];

				strres2+=ires[1];

			}

		}

	}


	if(gyou)return strres;

	else return [strres,strres2];

}


function hyouji(A1,A2){

	var str1=chopsp(A1,A1.text1);

	var str2=chopsp(A1,A1.text2);


	A2.innerHTML=(str1 && str1==str2)?"※違いは検出されませんでした。":"";

	if(!str1 && !str2)return;


	gyou=(A1.gyou && A1.gyou.checked) | 2;

	str1=str1.split(/\n/);

	str2=str2.split(/\n/);

	strres=hyoujigm(str1,str2,A1.dspnc && A1.dspnc.checked,gyou);


	A2.innerHTML+=strres?"<table border=1><tr bgcolor=aqua><th>左</th><th>右</th></tr>"+strres+"</table>":"";

}


function irekae(A1,A2){

	text3=A1.text1.value;

	A1.text1.value=A1.text2.value;

	A1.text2.value=text3;

}

// -->

</script>

</HEAD>


<BODY style="font-family:MS UI Gothic;" onload="hyouji(document.F1,document.all.P1)">


<h3>

テキスト比較（JavaScript版）<BR>

</h3>


<p id="P1">

</p>


<form name="F1" action="#">

<textarea name="text1" rows=10 cols=40></textarea>

<textarea name="text2" rows=10 cols=40></textarea>

<BR>

行単位で比較<input type="checkbox" name="gyou" value="on" checked><BR>

先頭の半角スペース＆タブ無視<input type="checkbox" name="fchop" value="on" checked><BR>

末尾の半角スペース＆タブ無視<input type="checkbox" name="chop" value="on" checked><BR>

変更されていない箇所の表示<input type="checkbox" name="dspnc" value="on" checked><BR>

自動改行<input type="checkbox" name="autret" value="on"><BR>

自動改行文字数<input type="text" name="autretval" value="80"><BR>

<input type="button" value="表示" onclick="hyouji(document.F1,document.all.P1)">

<input type="button" value="左右を入れ替え" onclick="irekae(document.F1,document.all.P1)">

</form>


<p>

2017.3.21-2020.6.11<BR>

<!2019.11.23:文字単位の比較に対応>

<!2020.6.11:自動改行に対応>

</p>


<hr>


<p>

<a href="index.htm">戻る</a><BR>

<a href="../index.htm">トップに戻る</a><BR>

</p>


</BODY>


</HTML>