<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 hyouji(A1,A2){

	str=A1.text.value;//str="aa";

	limit=A1.limit.value-0;


	if(A1.chop.checked){

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

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

		str=str.replace(/( +)$/,"");

		A1.text.value=str;

	}

	if(A1.unshift.checked){

		str=str.replace(/^( +)/,"");

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

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

		A1.text.value=str;

	}


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

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


	if(A1.dec.checked){

		str=decodeURI(str);

	}


	if(limit>0){

		str=str.substr(0,limit);

	}


	if(A1.face)face="font-family:"+A1.face.value+";";

	else face="";


	A2.innerHTML="<span style=\"font-size:"+A1.size.value+"\%;"+face+"\">"+str+"</span>"+"<BR><BR><small style=\"background-color:#ffffff;\">文字数："+A1.text.value.length+"<BR>（全角も半角も1文字になる様子）</small>";

}

// -->

</script>

</HEAD>


<BODY>


<h3>

表示テスト（JavaScript版）<BR>

</h3>


<p id="P1">

</p>


<p>

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

<textarea name="text" rows=10 cols=30></textarea>

<BR>

サイズ<input type="text" name="size" value="100">％<BR>

フォント<input type="text" name="face" value="MS UI Gothic"><BR>

文字数制限<input type="text" name="limit" value="0">（0で制限無し）<BR>

（以下の機能はテキストボックスへフィードバック）<BR>

入力欄の行頭半角スペース除去<input type="checkbox" name="unshift" value="on"><BR>

入力欄の行末半角スペース除去<input type="checkbox" name="chop" value="on"><BR>

デコードURI<input type="checkbox" name="dec" value="on"><BR>

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

</form>

<BR>

2010.7.9-2020.5.21<BR>

</p>


<hr>


<p>

<a href="linker_js.htm">リンク化</a><BR>

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

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

</p>


</BODY>


</HTML>