jQuery code on the sightings page used to pull data using the eBird API 2.0.
<div class = "output"></div>
<script>
function getallbirds(days) {
var settings = {
"url": "https://ebird.org/ws2.0/data/obs/geo/recent?lat=41.78&lng=-87.58&dist=2&back=" + days + "&sort=species",
"method": "GET",
"timeout": 0,
"headers": {
"X-eBirdApiToken": "YOURTOKENHERE"
},
};
var data = {}
$.ajax(settings).done(function (response) {
data = response;
$( "div.output" ).html("");
$( "div.output" )
.append(data[0].comName + "<br />");
for(i = 1; i < data.length; i++) {
$( "div.output" )
.append(data[i].comName+"<br />");
}
$( "div.output" ).css("font-family", "Times New Roman");
}); }
getallbirds(5);
</script>
<button onclick = "getallbirds(5)"> last 5 days</button>
<button onclick = "getallbirds(10)"> last 10 days</button>
<button onclick = "getallbirds(15)"> last 15 days</button>
<button onclick = "getallbirds(20)"> last 20 days</button>
<div class = "output"></div>
<script>
function getallbirds(days) {
var settings = {
"url": "https://ebird.org/ws2.0/data/obs/geo/recent?lat=41.78&lng=-87.58&dist=2&back=" + days + "&sort=species",
"method": "GET",
"timeout": 0,
"headers": {
"X-eBirdApiToken": "YOURTOKENHERE"
},
};
var data = {}
$.ajax(settings).done(function (response) {
data = response;
$( "div.output" ).html("");
$( "div.output" )
.append(data[0].comName + "<br />");
for(i = 1; i < data.length; i++) {
$( "div.output" )
.append(data[i].comName+"<br />");
}
$( "div.output" ).css("font-family", "Times New Roman");
}); }
getallbirds(5);
</script>
<button onclick = "getallbirds(5)"> last 5 days</button>
<button onclick = "getallbirds(10)"> last 10 days</button>
<button onclick = "getallbirds(15)"> last 15 days</button>
<button onclick = "getallbirds(20)"> last 20 days</button>