martin0258/ajaxtest.html

## ajaxtest.html
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <title>Ajaxtest</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    // Test whether ajax call works or not
    $(document).ready(function(){
      $('#button').click(function(){
        // user clicks "Run"
        $('#status').text('Running');

        // call preRun to get ID

        // simulation of polling for status update.
        var timer = setInterval("progress()", 100);

        // simulation of starting to run a long service. callback when it finishes
        $.get('longservice.php', function(data){
          $('#status').text(data);
          clearInterval(timer);
        });
      });
    });

    function progress()
    {
      $('#status').append('.');
    }
  </script>
</head>
<body>
  <input type="button" name="Run" id="button" value="Run" style="width:300; height:300; font-size:50px">
  <div id="status"></div>
</body>
</html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">

	<title>Ajaxtest</title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	// Test whether ajax call works or not
	$(document).ready(function(){
	$('#button').click(function(){
	// user clicks "Run"
	$('#status').text('Running');

	// call preRun to get ID

	// simulation of polling for status update.
	var timer = setInterval("progress()", 100);

	// simulation of starting to run a long service. callback when it finishes
	$.get('longservice.php', function(data){
	$('#status').text(data);
	clearInterval(timer);
	});
	});
	});

	function progress()
	{
	$('#status').append('.');
	}
	</script>
	</head>
	<body>
	<input type="button" name="Run" id="button" value="Run" style="width:300; height:300; font-size:50px">
	<div id="status"></div>
	</body>
	</html>