with two child | . Each | contains data about one
// Advocacy Team member. If there is an odd number of members the
// last | is empty.
// Notes:
// 1) this keyword refers to one activeList object.
// 2) n refers to the array index of one activeList object.
// 3) called from jquery.each().
//
function makeList(n) {
var isEven = (n % 2 === 0)?true:false;
var imgDiv = document.createElement('div');
var img = document.createElement('img');
var contentArry = null;
var activeRow = null;
var p1, p2, p3, p4, p5; //content
function makeTd(parentTr) {
var newTd = document.createElement('td');
parentTr.appendChild(newTd);
return newTd;
}
function makeProfOrgs (orgs) {
var div = document.createElement('div');
var newP = document.createElement('p');
var newTitle = document.createElement('h4');
var orgList = orgs.split(';');
var orgItem = '';
div.className = ADVOC.PROFORGS_CLASS;
newTitle.appendChild(document.createTextNode(ADVOC.ORGS_TITLE));
newP.className = ADVOC.PROFORGS_CLASS;
div.appendChild(newTitle);
$(orgList).each(function(n) {
orgItem = this.replace(ADVOC.TRIM_REGEX,'$1');
newP.appendChild(document.createTextNode((n+1) + ') ' + orgItem));
newP.appendChild(document.createElement('br'));
});
div.appendChild(newP);
return div;
}
function makeWebList(webObj) {
var div = document.createElement('div');
var newP = document.createElement('p');
var newTitle = document.createElement('h4');
var urlAnchor = document.createElement('a');
function makeIcon() {
var icon = document.createElement('img');
icon.alt = 'Opens in new window or tab';
icon.title = icon.alt;
icon.className = ADVOC.WINDICON_CLASS;
icon.src = '/images/newWindow.png';
return icon;
}
newTitle.appendChild(document.createTextNode(ADVOC.WEB_TITLE));
div.className = ADVOC.WEBLIST_CLASS;
div.appendChild(newTitle);
urlAnchor.href = webObj.href;
urlAnchor.appendChild(document.createTextNode(webObj.title));
urlAnchor.target = '_blank';
newP.className = ADVOC.PROFORGS_CLASS;
newP.appendChild(urlAnchor);
newP.appendChild(document.createTextNode(' '));
newP.appendChild(makeIcon());
newP.appendChild(document.createElement('br'));
div.appendChild(newP);
return div;
}
function makeP (text, cssClass, newElem) {
var t = null;
if(newElem) {
t = document.createElement(newElem);
}
else {
t = document.createElement('p');
}
t.appendChild(document.createTextNode(text));
t.className = cssClass;
return t;
}
function addContent (tdElem, apendElemsArry) {
var i = 0;
tdElem.className = ADVOC.TD_CLASS;
for (; i < apendElemsArry.length; i += 1) {
if(apendElemsArry[i]) {
tdElem.appendChild(apendElemsArry[i]);
}
}
}
p1 = makeP(this.first + ' ' + this.last, ADVOC.NAME_CLASS, 'h3');
p2 = makeP(this.state, ADVOC.STATE_CLASS);
p3 = makeP(this.creds, ADVOC.CREDS_CLASS);
p5 = (this.web)?makeWebList(this.web):null;
p4 = (this.profOrg)?makeProfOrgs(this.profOrg):makeP('','');
contentArry = [imgDiv, p1, p3, p2, p5, p4];
imgDiv.className = ADVOC.IMG_CLASS;
img.className = ADVOC.IMG_CLASS;
if (this.pix) {
img.src = (ADVOC.PIX_PATH + this.first + this.last + this.pix).replace(/ /g,''); //remove spaces from path name
}
img.alt = this.first + ' ' + this.last;
$(img).one('load', function(){ $(this).parent().addClass(ADVOC.IMG_LOADED_CLASS); });
imgDiv.appendChild(img);
if(this.isChair) {
var chairTitle = (ADVOC.IS_COCHAIRS)?'Advocacy Team Co-chair':'Advocacy Team Chair';
var h3 = document.createElement('h3');
h3.appendChild(document.createTextNode(chairTitle));
h3.classname = ADVOC.CHAIR_CLASS;
contentArry.unshift(h3);
}
if(isEven) {
activeRow = document.createElement('tr'); //start new row
leftTd = makeTd(activeRow); //create and append left cell
rightTd = makeTd(activeRow); //create and append right cell
addContent(leftTd, contentArry); //only have content for left cell
advocElem.appendChild(activeRow); //append the new |