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 trialTommy Gebru
30,164 PointsI 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
Here is my Workspaces http://w.trhou.se/ymycg56g8z
Tommy Gebru
30,164 PointsKaren Freeman-Smith did you do this challenge as well? For me its the same status, no changes so far
5 Answers
Jennifer Nordell
Treehouse TeacherOdd. 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
231,269 PointsIt looks nice - is there a functionality missing it should have? Otherwise it seems fine.
Tommy Gebru
30,164 PointsThanks im guessing this is also what Karen sees... ...
However i don't know why this is the case
Karen Freeman-Smith
29,248 PointsI 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
30,164 PointsAs you can see the Meeting Rooms, should have its own list... but not appearing above the Employee Office Status
Steven Parker
231,269 PointsThat'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
29,248 PointsI 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
30,164 Pointshey Karen what was the trouble with the employees yesterday?
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*/
Tommy Gebru
30,164 PointsSafari did it for me, thanks everyone
Jennifer Nordell
Treehouse TeacherTommy Gebru Glad you got it working!
Karen Freeman-Smith
29,248 PointsGood to hear! I think it was a misplaced ";" that was giving me grief...
Tommy Gebru
30,164 PointsLOL for me it was accidentally messing with the file path...
Tommy Gebru
30,164 PointsTommy Gebru
30,164 Pointspossibly lets try again