Read the statement by Michael Teeuw here.
read csv-data and put it in an array
-
@Perlchamp maybe a nunjuks template , but its the same work to create the template the generate the content
the template has to have all the same stuff you are doing, including the loop part -
This post is deleted! -
@Perlchamp said in read csv-data and put it in an array:
sorry sam, but my code is displayed wrong ! what in hell …
the tbody section:any < must have a space after it to display on the forum… no way to escape them yet…
no real work from site admin on problem -
// Override dom generator. getDom: function() { var wrapper = document.createElement("div"); if ((moment() > this.midnight) || (!this.loaded)) { var month = moment().month(); var year = moment().year(); var monthName = moment().format("MMMM"); var monthLength = moment().daysInMonth(); // tabelle erstellen var wrapper = document.createElement("table"); wrapper.className = 'table'; wrapper.id = 'birthday-table'; // tabellenkopf erstellen var tHeader = document.createElement("thead"); tHeader.className = "thead"; tHeader.id = "birthday-thead"; var headerTR = document.createElement("tr"); headerTR.className = "tr-head"; headerTR.id = "birthday-tr-head"; var headerTH = document.createElement("th"); headerTH.colSpan = "2"; headerTH.scope = "col"; headerTH.className = "th-head"; headerTH.id = "birthday-th-head"; headerTH.innerHTML = this.translate(this.config.title); headerTR.appendChild(headerTH); tHeader.appendChild(headerTR); wrapper.appendChild(tHeader); // Create TFOOT section -- currently used for debugging only var tFooter = document.createElement('tfoot'); tFooter.className = "tfoot"; tFooter.id = "birthday-tfoot"; var footerTR = document.createElement("tr"); footerTR.className = "tr-foot"; footerTR.id = "birthday-tr-foot"; var footerTD = document.createElement("td"); footerTD.colSpan ="2"; footerTD.className = "td-foot"; footerTD.id = "birthday-td-foot"; if (this.config.debugging) { footerTD.innerHTML = "Birthdaylist is currently in DEBUG mode!<br />Please see console log."; } else { footerTD.innerHTML = ""; } footerTR.appendChild(footerTD); tFooter.appendChild(footerTR); wrapper.appendChild(tFooter); // Create TBODY section with day names var eintraege = 3; for (var i=1; i< =eintraege; i++) { var tBody = document.createElement("tBody"); tBody.className = "tbody"; tBody.id = "birthday-tbody"; var bodyTR = document.createElement("tr"); bodyTR.className = "tr-body"; bodyTR.id = "birthday-tr-body"; var bodyTDimage = document.createElement("td"); bodyTDimage.className = "td-image"; bodyTDimage.id = "birthday-td-image"; bodyTDimage.innerHTML = "23"; var bodyTD = document.createElement("td"); bodyTD.className = "td-body"; bodyTD.id = "birthday-td-body"; bodyTD.innerHTML = "Bettina Zimmermann < span class=\"age-span\"> 46 < /span > < /br > Frank Dubiel < span class=\"age-span\" > 54 < /span > < /br >Jürgen Gruse < span class=\"age-span\" > 52 < /span > "; /* var bodyAgeSpan = document.createElement("span"); bodyAgeSpan.className = "age-span"; bodyAgeSpan.id = "birthday-age-span"; bodyAgeSpan.innerHTML = " 46"; bodyTD.appendChild(bodyAgeSpan); */ bodyTR.appendChild(bodyTDimage); bodyTR.appendChild(bodyTD); tBody.appendChild(bodyTR); wrapper.appendChild(tBody); } this.loaded = true; return wrapper; } },
this code looks like the image i did send before
-
@sdetweil said in read csv-data and put it in an array:
when I had a big pile of html objects to create I wrote a little routine to hide the 4 lines per object
i will shurely take this, if my current html should work. now it’s too much “risk” for me, to change it.
-
@Perlchamp yep… and you could use divs(as row) and spans(as column) for the table, instead of table/tr/td
https://html-cleaner.com/features/replace-html-table-tags-with-divs/
-
@Perlchamp cool thing about the routine, if u decide to use div/span under instead is to fix the routine,
no mainline code has to change -
i don’t think so. therefor i’m a little bit toooooooo retro ;-)
-
@Perlchamp each to their own!..
-
if i do this :
//bodyTDimage.className = "td-image";
it looks like:
and i ask me, WHY css is not working only for this cell !!