jmdr

Hi Samuel, Andrew, and Troy! (or any other clever folks out there)

I’m hoping to do a very similar trick as Troy, but haven’t been able to successfully modify the code in this thread myself and was hoping for a few pointers (I’m comfortable with code, but very new to JS and PHP).

I’d like to add the data from this feed:
http://ebird.org/ws1.1/data/obs/geo/recent?lng=-112.53&lat=53.38&dist=10&back=30&maxResults=500&locale=en_US&fmt=json (documented here: https://confluence.cornell.edu/display/CLOISAPI/eBird-1.1-RecentNearbyObservations )

into a table with “Common Name” “How Many” “Date” and “Location Name” columns. I’d also love to be able to “fancy the table up” with jquery dataTables, so that people could sort/search/paginate.

I have two stretch goals as well:
1. to have the location name link to a google map of the lat/lng supplied in the json feed e.g. something like:
<td><a href="http://maps.google.ca/maps?f=d&daddr=' $data['lat'] ',' $data['lng'] '&z=8" target="_blank">'$data['locName']'</a><td>'

and 2. it would be really awesome to have people be able to select distance and date values from drop-down lists to load different results from the json feed (e.g. &dist=10/25/50 and &back=7/14/30).

The page I’m working on is currently at http://djmdesign.ca/bbo/updates/sightings/ but will get moved over to http://beaverhillbirds.com/updates/sightings/. I’ve been trying, unsuccesfully, to get plugins to do this for me (I currently have a static table showing a rough idea of the desired result), and also have some scratchwork at http://beaverhillbirds.com/jsonfeed.html and jsonfeed2.html.

Any, and all, pointers/suggestion/wisdom/code would be very much appreciated!

—Jonathan

Hi Joost, I’ve upgraded to 2.9 and was hoping from the changelog that all my problems would be solved, but tracking outbound links still messes up my highslide (photo overlay plugin) integration. I’ve added the code for one of the links below. Any chance of getting these two to play nice?

Thanks for the great plugin,
Jonathan

With track links/dl checked (highslide doesn’t work):

<div class="shashin_thumb" style="width: 150px; float: ; clear: ;"><a href="http://lh4.ggpht.com/_<em>longrandomstring</em>.jpg"  class="highslide" id="thumb1" onclick="javascript:pageTracker._trackPageview('ar_/lh4.ggpht.com'); return hs.expand(this, { autoplay: false, slideshowGroup: "group1' })"><img src="http://lh4.ggpht.com/_<em>longrandomstring</em>.jpg?imgmax=144" alt=" Photos" title="" width="144" height="108" /></a></div>

With track links/dl disabled (highslide does work):

<div class=&quot;shashin_thumb&quot; style=&quot;width: 150px; float: ; clear: ;&quot;><a href=&quot;http://lh4.ggpht.com/_<em>longrandomstring</em>.jpg?imgmax=640&quot; class=&quot;highslide&quot; id=&quot;thumb6&quot; onclick=&quot;return hs.expand(this, { autoplay: false, slideshowGroup: 'group1' })&quot;><img src=&quot;http://lh4.ggpht.com/_<em>longrandomstring</em>.jpg?imgmax=144&quot; alt=&quot; Photos&quot; title=&quot;&quot; width=&quot;144&quot; height=&quot;108&quot; /></a></div>