Read the statement by Michael Teeuw here.
read csv-data and put it in an array
-
wrapper in quotes , too ?
-
@sdetweil if there is no data, then you still need to return something (empty div)
-
@Perlchamp wrapper is a div type, no id,class or parent
-
my code now does not work:
// create table var wrapper = this.createEl('table', "birthday-table", table , 0) // create header var tHeader = this.createEl('thead', "birthday-thead", thead , "") var headerTR = this.createEl('tr', "birthday-tr-head", tr-head , "tHeader") var headerTH = this.createEl('th', "birthday-th-head", th-head , "headerTR") headerTH.colSpan = "2"; headerTH.scope = "col"; headerTH.innerHTML = " "; // Create TFOOT section -- currently used for debugging only var tFooter = this.createEl('tfoot', "birthday-tfood", tfoot , "") var footerTR = this.createEl('tr', "birthday-tf-foot", tr-foot , "tFooter") var footerTD = this.createEl('td', "birthday-td-foot", td-foot , "footerTR") footerTD.colSpan ="2"; if (this.config.debugging) { footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode! < br / > Please see console log."; } else { footerTD.innerHTML = " "; } // create TBODY section with day names var tBody = this.createEl('tBody', "birthday-tbody", tbody , "") for(var birthday of Object.keys(this.active_birthdays)) { for(var person of this.active_birthdays[birthday]) { // create looped row section var bodyTR = this.createEl('tr', "birthday-tr-body", tr-body , "tBody") var bodyTDimage = this.createEl('td', "birthday-td-image", td-image , "bodyTR") if (birthday.charAt(0) === "0") { birthday = birthday.replace("0",""); birthday = birthday.substring(0,1); } bodyTDimage.innerHTML = birthday.substring(0,2); var bodyTD = this.createEl('td', "birthday-td-body", td-body , "bodyTDimage") bodyTD.innerHTML = person.name + " < span class=\"age-span\" > " + person.age + " < /span > "; } }
-
@Perlchamp said in read csv-data and put it in an array:
", thead ,
again all classes in quotes, ONLY parent NOT in quotes
var wrapper = this.createEl('table', "birthday-table", "table" , null) var tHeader = this.createEl('thead', "birthday-thead", "thead" , wrapper ) var headerTR = this.createEl('tr', "birthday-tr-head", "tr-head" , tHeader) var headerTH = this.createEl('th', "birthday-th-head", "th-head" , headerTR)
-
does not work for me. complete getDom and your createEl :
createEl(type, id, class, parent){ var el = document.createElement(type); el.id = id; if(class); el.classname = class; parent.addChild(el); return el; }, getDom: function() { var self = this; var wrapper = document.createElement("div"); Log.log(JSON.stringify(this.active_birthdays)) if ((moment() > this.midnight) || (!this.loaded)) { var month = moment().month(); var year = moment().year(); var monthName = moment().format("MMMM"); var monthLength = moment().daysInMonth(); // create table var wrapper = this.createEl("table", "birthday-table", "table" , null) // create header var tHeader = this.createEl('thead', "birthday-thead", "thead" , wrapper) var headerTR = this.createEl('tr', "birthday-tr-head", "tr-head" , tHeader) var headerTH = this.createEl('th', "birthday-th-head", "th-head" , headerTR) headerTH.colSpan = "2"; headerTH.scope = "col"; headerTH.innerHTML = " "; // Create TFOOT section -- currently used for debugging only var tFooter = this.createEl('tfoot', "birthday-tfood", "tfoot" , wrapper) var footerTR = this.createEl('tr', "birthday-tf-foot", "tr-foot" , tFooter) var footerTD = this.createEl('td', "birthday-td-foot", "td-foot" , footerTR) footerTD.colSpan ="2"; if (this.config.debugging) { footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode!<br />Please see console log."; } else { footerTD.innerHTML = " "; } // create TBODY section with day names var tBody = this.createEl('tBody', "birthday-tbody", "tbody" , wrapper) for(var birthday of Object.keys(this.active_birthdays)) { for(var person of this.active_birthdays[birthday]) { var bodyTR = this.createEl('tr', "birthday-tr-body", "tr-body" , tBody) var bodyTDimage = this.createEl('td', "birthday-td-image", "td-image" , bodyTR) if (birthday.charAt(0) === "0") { birthday = birthday.replace("0",""); birthday = birthday.substring(0,1); } bodyTDimage.innerHTML = birthday.substring(0,2); var bodyTD = this.createEl('td', "birthday-td-body", "td-body" , bodyTDimage) bodyTD.innerHTML = person.name + " < span class=\"age-span\" > " + person.age + " < /span > "; } } return wrapper; } this.loaded = true; } },
-
@Perlchamp said in read csv-data and put it in an array:
// create table var table = this.createEl("table", "birthday-table", "table" , wrapper) // create header var tHeader = this.createEl('thead', "birthday-thead", "thead" , table) var headerTR = this.createEl('tr', "birthday-tr-head", "tr-head" , tHeader) var headerTH = this.createEl('th', "birthday-th-head", "th-head" , headerTR) headerTH.colSpan = "2"; headerTH.scope = "col"; headerTH.innerHTML = " "; // Create TFOOT section -- currently used for debugging only var tFooter = this.createEl('tfoot', "birthday-tfood", "tfoot" , table) var footerTR = this.createEl('tr', "birthday-tf-foot", "tr-foot" , tFooter) var footerTD = this.createEl('td', "birthday-td-foot", "td-foot" , footerTR) footerTD.colSpan ="2"; if (this.config.debugging) { footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode!< br />Please see console log."; } else { footerTD.innerHTML = " "; } // create TBODY section with day names var tBody = this.createEl('tBody', "birthday-tbody", "tbody" , table) for(var birthday of Object.keys(this.active_birthdays)) { for(var person of this.active_birthdays[birthday]) { var bodyTR = this.createEl('tr', "birthday-tr-body", "tr-body" , tBody) var bodyTDimage = this.createEl('td', "birthday-td-image", "td-image" , bodyTR) if (birthday.charAt(0) === "0") { birthday = birthday.replace("0",""); birthday = birthday.substring(0,1); } bodyTDimage.innerHTML = birthday.substring(0,2); var bodyTD = this.createEl('td', "birthday-td-body", "td-body" , bodyTDimage) bodyTD.innerHTML = person.name + " < span class=\"age-span\" > " + person.age + " < /span > "; } }
what the html fragments with the < and space, they don’t work if there is a space there, need it for the forum, but won’t actually work
-
@sdetweil said in read csv-data and put it in an array:
headerTH.innerHTML = " ";
all things are empty when created, so don’t need this
-
@sdetweil said in read csv-data and put it in an array:
else { footerTD.innerHTML = " "; }
don’t need this
-
fixed createEl routine
createEl : function (type, id, className, parent){ var el= document.createElement(type) if(id) el.id=id if(className) el.className=className if(parent) parent.appendChild(el) return el },