| ポイント |
<![CDATA[
if (navigator.userAgent.indexOf("Mac") > -1) result = txt.split("\n");
if (navigator.userAgent.indexOf("Win") > -1) result = txt.split("\r\n");
n = Math.floor(Math.random() * (result.length - (getLine - 1)));
]]>
|
| 説 明 |
テキストエリアからランダムに３行取り出すにはsplit()を使って改行コードで文字列を分割します。あとは乱数を発生させ、乱数値を配列の添字として指定し文字列を読み出していきます。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストエリアからランダムに３行取り出す（重複あり）</title>
<script type="text/javascript"><!--
function getTAline()
{
result = null;
resultText = "";
getLine = 3; // 3行抽出
txt = document.myFORM.myTEXT.value;
if (navigator.userAgent.indexOf("Mac") > -1) result = txt.split("\n");
if (navigator.userAgent.indexOf("Win") > -1) result = txt.split("\r\n");
if (result && (result.length > getLine))
{
for (cnt=0; cnt<getLine; cnt++)
{
n = Math.floor(Math.random() * (result.length - (getLine - 1)));
resultText = resultText + result[n] + String.fromCharCode(13);
}
}else{
resultText = txt;
}
document.myFORM.resultTEXT.value = resultText;
}
// --></script>
</head>
<body>
<form name="myFORM">
元のテキスト<br><textarea rows="6" name="myTEXT"></textarea><br>
<input type="button" value="ランダムに3行取得" onClick="getTAline()"><br>
3行抽出結果<br><textarea rows="6" name="resultTEXT"></textarea><br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
ブラウザによって取り扱う改行コードが異なるので注意が必要です。つまり改行コードはOSとブラウザに依存します。このため、このサンプルでもMac版のFirefoxでは動作してもWindows版のFirefoxでは正しく動作しません。
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストエリアからランダムに３行取り出す（重複あり）
