Posting Variable Data On Form? Display/Run .html

[Seven Skins]

As lynne said do this...

Add the code below in the headinclude template:

<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:

<div id='contentHartwell'></div>