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

Posted by Tommy Gebru
Tommy Gebru
30,164 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,164 Points

possibly lets try again :smile:

Tommy Gebru
Tommy Gebru
30,164 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
Jennifer Nordell
.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
Steven Parker
Steven Parker
241,488 Points

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

Tommy Gebru
Tommy Gebru
30,164 Points

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

However i don't know why this is the case

Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points
Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points

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,164 Points
Tommy Gebru
Tommy Gebru
30,164 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
241,488 Points
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.

Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points

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,164 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,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Safari did it for me, thanks everyone :heart:

Karen Freeman-Smith
Karen Freeman-Smith
29,248 Points

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

Tommy Gebru
Tommy Gebru
30,164 Points

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