(function () { 'use strict'; function getAjaxData(event) { var request = new XMLHttpRequest(); var filename = '../data/' + event.target.id + '.json'; request.open('GET', filename); request.send(); request.onreadystatechange = function () { if (request.readyState === 4 && request.status === 200) { displayInfo(request.responseText); } }; } function displayInfo(jsonString) { var jsonObj = JSON.parse(jsonString); var info = ''; for (var prop in jsonObj) { info += '
' + prop + ': ' + jsonObj[prop] + '
'; } document.getElementById('right-nav') .innerHTML = info; } // Register event handlers to get the additional info if requested document.getElementById('left-nav') .addEventListener('click', getAjaxData, false); }());