kakittwo/index.html

## index.html

<html>
<head>

<title>
Speech recognition system
</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
var csvUrl = 'js2.csv';

function handleCSVResult(csvString) {
  var dataArea = document.querySelector('#data_area');
  var rows = csvString.split('\n');
  var htmlStr = '';

  for (var i = 0; i < rows.length; i++) {
    var row = rows[i];
    var cells = row.split(',');
    var aircraftname = cells[0];
    var speech = cells[1];
    var time = cells[2];

    htmlStr += '<p>Speech for ' + aircraftname + ' at ' +  time+  ' is <br> ' + speech  + '</p>';
  }

  dataArea.innerHTML = htmlStr;
}

var myVar = setInterval(myTimer, 1000);

function myTimer() {

	var ajax = new XMLHttpRequest();
  ajax.open('GET', csvUrl);

	ajax.onreadystatechange = function() {
	  if (ajax.readyState === XMLHttpRequest.DONE && ajax.status === 200) {
	    var csvData = ajax.responseText;
	    handleCSVResult(csvData);
	  }
	}
	ajax.send();

}

</script>
</head>

<body>
<div id="data_area">
<div>
</body>
</html>

	<html>
	<head>

	<title>
	Speech recognition system
	</title>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script>
	var csvUrl = 'js2.csv';

	function handleCSVResult(csvString) {
	var dataArea = document.querySelector('#data_area');
	var rows = csvString.split('\n');
	var htmlStr = '';

	for (var i = 0; i < rows.length; i++) {
	var row = rows[i];
	var cells = row.split(',');
	var aircraftname = cells[0];
	var speech = cells[1];
	var time = cells[2];

	htmlStr += '<p>Speech for ' + aircraftname + ' at ' + time+ ' is <br> ' + speech + '</p>';
	}

	dataArea.innerHTML = htmlStr;
	}

	var myVar = setInterval(myTimer, 1000);

	function myTimer() {

	var ajax = new XMLHttpRequest();
	ajax.open('GET', csvUrl);

	ajax.onreadystatechange = function() {
	if (ajax.readyState === XMLHttpRequest.DONE && ajax.status === 200) {
	var csvData = ajax.responseText;
	handleCSVResult(csvData);
	}
	}
	ajax.send();

	}

	</script>
	</head>

	<body>
	<div id="data_area">
	<div>
	</body>
	</html>