jQuery Typist を使用して、サーバー ベンチマークの結果を表示しています。結果をデータベースに保存し、ajax.php から ajax 経由で呼び出します。
問題は、結果が互いに「入力」されていることです。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type=
"text/javascript"></script>
<script src=
"https://raw.github.com/davidcrawford/typist-jquery/master/jquery.typist.js"
type="text/javascript"></script>
<script>
$.ajax({
url: "ajax.php?who=theirs",
async: false,
success: function(q) {
$('#opp').typist({
height: 75
});
$('#whoa').typist('prompt')
.typist('type', 'dd if=' + q['if'] + ' of=/home/output.img bs=' + q['bs'] + 'k count=' + q['count'] + 'k')
.typist('wait', 2000)
.typist('speed', 'fast')
.typist('echo', q['recordsIn'] + ' records in')
.typist('echo', q['recordsOut'] + ' records in')
.typist('echo', q['bytesCopied'] + ' bytes (' + q['mathMegs'] + ' MB) copied, ' + q['time'] + ' s, ' + q['speed'] + ' MB/s');
}
});
$.ajax({
url: "ajax.php?who=us",
async: false,
success: function(q) {
$('#whoa').typist({
height: 75
});
$('#whoa').typist('prompt')
.typist('type', 'dd if=' + q['if'] + ' of=/home/output.img bs=' + q['bs'] + 'k count=' + q['count'] + 'k')
.typist('wait', 2000)
.typist('speed', 'fast')
.typist('echo', q['recordsIn'] + ' records in')
.typist('echo', q['recordsOut'] + ' records in')
.typist('echo', q['bytesCopied'] + ' bytes (' + q['mathMegs'] + ' MB) copied, ' + q['time'] + ' s, ' + q['speed'] + ' MB/s');
}
});
</script>
<title></title>
</head>
<body>
<a href="#" id="doTests" name="doTests">#doTests</a>
<h1>#opp</h1><br>
<br>
<div id="opp" style="font-size:15px;"></div><br>
<br>
<br>
<h1>#whoa</h1><br>
<br>
<div id="whoa" style="font-size:15px;"></div>
</body>
</html>