Line 91: | Line 91: | ||
function person_data(name, description, i){ | function person_data(name, description, i){ | ||
− | var teamTableDiv = document.getElementsByTagName('body')[0] | + | var teamTableDiv = document.getElementsByTagName('body')[0]; |
var div = document.createElement('div'); | var div = document.createElement('div'); | ||
var cross = document.createElement('img'); | var cross = document.createElement('img'); | ||
Line 105: | Line 105: | ||
content.style.fontWeight = "bold"; | content.style.fontWeight = "bold"; | ||
− | cross.src = "https://cdn.icon-icons.com/icons2/2098/PNG/512/close_cross_icon_128690.png" | + | cross.src = "https://cdn.icon-icons.com/icons2/2098/PNG/512/close_cross_icon_128690.png"; |
cross.style.width = "30px"; | cross.style.width = "30px"; | ||
cross.style.height = "30px"; | cross.style.height = "30px"; | ||
Line 119: | Line 119: | ||
div.className = "centered_div"; | div.className = "centered_div"; | ||
div.style.backgroundColor = "#CDECA9"; | div.style.backgroundColor = "#CDECA9"; | ||
− | div.style.borderRadius = "20px" | + | div.style.borderRadius = "20px"; |
div.style.position = "fixed"; | div.style.position = "fixed"; | ||
div.width = '100%'; | div.width = '100%'; | ||
Line 147: | Line 147: | ||
for (var i = 0; i < teamMembersElems.length; i++) { | for (var i = 0; i < teamMembersElems.length; i++) { | ||
let x = i; // we make a copy of i to avoid reference to last i value | let x = i; // we make a copy of i to avoid reference to last i value | ||
− | teamMembersElems[i].src = teamMembersPhotosArray[x] | + | teamMembersElems[i].src = teamMembersPhotosArray[x]; |
teamMembersElems[i].onclick = function() {person_data( teamMembersNames[x], teamMembersDescriptions[x], x)}; | teamMembersElems[i].onclick = function() {person_data( teamMembersNames[x], teamMembersDescriptions[x], x)}; | ||
− | teamMembersElems[i].onmouseover = function() {grow(teamMembersElems[x])} | + | teamMembersElems[i].onmouseover = function() {grow(teamMembersElems[x])}; |
− | teamMembersElems[i].onmouseleave = function() {shrink(teamMembersElems[x])} | + | teamMembersElems[i].onmouseleave = function() {shrink(teamMembersElems[x])}; |
} | } | ||
Revision as of 03:21, 27 September 2021
The team
Advisors
Principal Investigators
Funny moments