I want to select the most recently modified file from my server using javascript.
This is the code in my js files:
$.get('Dropbox/geo/sites/GC_ROOM/hassayampa.txt', function(data){
// Split the lines
var lines = data.split('
');
// Iterate over the lines and add categories or series
$.each(lines, function (lineNo, line) {
var items = line.split('\t');
if(lineNo !== 0) {
var x = + new Date(items[0]),
primout = parseFloat(items[3] / 10.0),
secout = parseFloat(items[5] / 10.0);
if(!isNaN(primout) && !isNaN(secout)){
options.series[0].data.push([x,primout]);
options.series[1].data.push([x,secout])
}
}
});
new Highcharts.Chart(options); // this is now in the $.get callback function
});
Here is coding from the index.php file that views the js files:
<body width="100%">
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script src="https://geoinc.org/css/GEOREMCO/graph/highcharts.js"></script>
<script src="https://geoinc.org/css/GEOREMCO/graph/exporting.js"></script>
<script src="monitor/SiteData/Data/Lane_Metals/GRAPH/LANE_METALS.js" type="text/javascript"></script>
<script src="monitor/SiteData/Data/Lane_Metals/GRAPH/LOVELAND.js" type="text/javascript"></script>
<script src="monitor/SiteData/Data/Lane_Metals/GRAPH/TEST.js" type="text/javascript"></script>
<script src="monitor/SiteData/Data/Lane_Metals/GRAPH/APPLES.js" type="text/javascript"></script>
<script src="monitor/SiteData/Data/Lane_Metals/GRAPH/EXAMPLE.js" type="text/javascript"></script>
<script src="monitor/SiteData/Data/Lane_Metals/GRAPH/FRUIT.js" type="text/javascript"></script>
<table border="0" cellspacing="5" cellpadding="0" width="10%" bgcolor="#E8E8E8">
<tr>
<th><div id="TEST" style="width: 900px; height: 300px;"></div></th>
<th><div id="EXAMPLE" style="width: 900px; height: 300px;"></div></th>
</tr>
<tr>
<td><div id="LANE_METALS" style="width: 900px; height: 300px;"></div></td>
<td><div id="FRUIT" style="width: 900px; height: 300px;"></div></td>
</tr>
<tr>
<td><div id="LOVELAND" style="width: 900px; height: 300px;"></div></td>
<td><div id="APPLES" style="width: 900px; height: 300px;"></div></td>
</tr>
</table>
</body>
Thanks again everyone!