Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript AJAX Basics (retiring) jQuery and AJAX Stage 3 Challenge Answer

Tommy Gebru
Tommy Gebru
30,150 Points

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

Tommy Gebru
Tommy Gebru
30,150 Points

possibly lets try again :smile:

Tommy Gebru
Tommy Gebru
30,150 Points

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
215,939 Points

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

Tommy Gebru
Tommy Gebru
30,150 Points

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?

Tommy Gebru
Tommy Gebru
30,150 Points

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
215,939 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.

Tommy Gebru
Tommy Gebru
30,150 Points

hey Karen what was the trouble with the employees yesterday?

Erik Robles
Erik Robles
Courses Plus Student 10,635 Points
$(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

Tommy Gebru
Tommy Gebru
30,150 Points

Safari did it for me, thanks everyone :heart:

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

Tommy Gebru
Tommy Gebru
30,150 Points

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