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 AJAX Basics (retiring) jQuery and AJAX Stage 3 Challenge Answer

I could use a second pair of eyes

Working on AJAX Basics - Stage 3 Challenge

The code seems correct and the javascript console has no output... anything helps :thumbsup:

Here is my Workspaces http://w.trhou.se/ymycg56g8z

possibly lets try again :smile:

Karen Freeman-Smith did you do this challenge as well? For me its the same status, no changes so far

5 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Odd. That's also not what I see when I look at it after forking it. But just to check a few basics here... did you try clearing your browser cache and then reloading the preview? Also, have you by chance tried it from another browser?

Steven Parker
Steven Parker
241,488 Points

It looks nice - is there a functionality missing it should have? Otherwise it seems fine. :checkered_flag:

Thanks im guessing this is also what Karen sees... :smile: ...

However i don't know why this is the case

I tried forking your workspace and it seems to preview just fine...did you fix it already, or maybe your browser isn't refreshing?

Here is my screenshot

As you can see the Meeting Rooms, should have its own list... but not appearing above the Employee Office Status

Steven Parker
Steven Parker
241,488 Points

That's not what I see. I see 6 colored boxes with numbers on the right between "Meeting Rooms" and "Employee Office Status".

This might be a job for Treehouse Support.

I got the meeting rooms too... running your code. I did get the challenge working the other day, but all the troubles were with the employees, the rooms went smooth.

hey Karen what was the trouble with the employees yesterday?

$(document).ready(function () {
  $.getJSON('../data/employees.json', function (data) {
    var statusHTML = '<ul class="bulleted">';
    $.each(data,function (index, employee) {
      if (employee.inoffice === true) {
        statusHTML +='<li class="in">';
      } else {
        statusHTML +='<li class="out">';
      }
      statusHTML += employee.name + '</li>';
    });
    statusHTML += '</ul>';
    $('#employeeList').html(statusHTML)
  }); // end getJSON
/*}); // end ready */


/*$(document).ready(function () {*/
  $.getJSON('../data/rooms.json', function (data) {
    var statusHTML = '<ul class="bulleted">';
    $.each(data,function (index, room) {
      if (room.available === true) {
        statusHTML +='<li class="empty">';
      } else {
        statusHTML +='<li class="full">';
      }
      statusHTML += room.room + '</li>';
    });
    statusHTML += '</ul>';
    $('#roomList').html(statusHTML)
  }); // end getJSON
}); // end ready
ul.bulleted .in {
  color: #5A6772;
}
ul.bulleted .in:before {
  content: "IN";
  background-color: #5fcf80;
}
ul.bulleted .out {
  color: #A7B4BF;
}
ul.bulleted .out:before {
  content: "OUT";
  background-color: #ed5a5a;
}

/* ----------Meeting room css---------- */

ul.bulleted .available {
  color: #5A6772;
}
ul.bulleted .empty:before {
  content: "AVAL";
  background-color: #5fcf80;
}
ul.bulleted .unavailable {
  color: #A7B4BF;
}
ul.bulleted .full:before {
  content: "UNAV";
  background-color: #ed5a5a;
}

/*------------End of meeting room -----------css*/

Screenshot link

Safari did it for me, thanks everyone :heart:

Good to hear! I think it was a misplaced ";" that was giving me grief...

LOL for me it was accidentally messing with the file path... :wink: