As lynne said do this...
Add the code below in the headinclude template:
HTML Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$.support.cors = true;
$(document).ready(function() {
$.ajax({
url: 'http://www.srh.noaa.gov/ffc/html/rrm.php',
type: 'GET',
success: function(result) {
var localContent = $(result).find('#localcontent');
var table = $(localContent).find('table:nth-child(2)');
$(table).find('tr').each(function() {
var row = $(this);
if (row.find('td:eq(0)').html() === 'LAKE HARTWELL') {
var stationId = row.find('td:eq(1)').html();
var floodLevel = row.find('td:eq(2)').html();
var summerLevel = row.find('td:eq(3)').html();
var poolLevel = row.find('td:eq(4)').html();
var change = row.find('td:eq(5)').html();
var precipitation = row.find('td:eq(6)').html(); /*display only*/
var data = 'StationId: ' + stationId + '<br/> Flood Level: ' + floodLevel + '<br/> Summber Level:' + summerLevel + '<br/>Pool Level: ' + poolLevel + '<br/>Change: ' + change + '<br/>Precipitation: ' + precipitation;
$('#contentHartwell').html(data); /*end display*/
}
});
}, error: function(xhr, status, errorThrown) {
alert(errorThrown);
}
})
});
</script>
And add this to the header where you need the text to display:
HTML Code:
<div id='contentHartwell'></div>