Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

JSON Data

Anyone able to point me in the right direction to find out how to pull the json data from here and extract certain elements into a page.

Thanks

Valery Kukatov
Valery Kukatov
6,996 Points

Your link is broken

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Fixed

1 Answer

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Here's a simple demo I made to show you how you can do that.

If you are looking for more involved examples:

If you want a ready made solution, Riley Hilliard made an fully functional JQuery Widget Treehouse Report Card

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Thanks James will look at these. Yeah seen the Riley H one but having trouble styling it how i want it so thought would be a good learning experience to practice this. Many Thanks and Happy New Year for tonight

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

This is very helpful james. Just a question what is this link in the img tag for?

<img class = "spinner" src = "http://jamesbarnett.me/img/ajax-loader.gif" />
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

James Barnett

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Doesn't matter Its just the loader image

James Barnett
James Barnett
39,199 Points

You're right, it's just a loader image exactly I made I made it on http://www.ajaxload.info/ to give the demo a little polish

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

Nice link.

James Barnett
James Barnett
39,199 Points

> i want it so thought would be a good learning experience to practice this

It's a great way to learn JQuery, I learned a lot by modifying Riley's original code. I've probably made half a dozen or more variations, I've used moment.js and learned date math, I've made one to sort categories, I've learned about playing around with z-index.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

That's cool man. Need to get the Javascript vids finished to get a better grasp on it really. You know the stats on our profile pages? The donut chart thing do you know if it made with chart.js?