• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

read csv-data and put it in an array

Scheduled Pinned Locked Moved Utilities
313 Posts 3 Posters 388.9k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    sdetweil @Perlchamp
    last edited by May 2, 2020, 8:14 PM

    @Perlchamp cool… i did the age correction

    Sam

    How to add modules

    learning how to use browser developers window for css changes

    1 Reply Last reply Reply Quote 0
    • P Offline
      Perlchamp
      last edited by Perlchamp May 2, 2020, 8:16 PM May 2, 2020, 8:15 PM

      cool too :-) , so you still burn, too :-))

      1 Reply Last reply Reply Quote 0
      • P Offline
        Perlchamp
        last edited by May 2, 2020, 9:03 PM

        hi sam, i know that the code of table is working (in testmodule). but can’t get objects in there. did look in dev-widow, but looks fine. in the terminal-window i see that objects have been handed over (node to module.js). this is the code for the body of the table:

        	    // create TBODY section with day names
        	    var tBody = document.createElement("tBody");
        	    tBody.className = "tbody";
        	    tBody.id = "birthday-tbody";
        	    
        	    for(var birthday of Object.keys(this.active_birthdays)) {
        		for(var person of this.active_birthdays[birthday]) {
        				
        		    //var m = document.createElement('div');
        				
        		    // create looped row section
        		    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 = birthday;
        
        		    var bodyTD = document.createElement("td");
        		    bodyTD.className = "td-body";
        		    bodyTD.id = "birthday-td-body";
        		    bodyTD.innerHTML = person.name + "<span class=\"age-span\">" + person.age + "</span>";
        		    				
        		    //m.innerText = birthday + ' ' + person.name + ' age=' + person.age;
        		    //wrapper.appendChild(m);
        		    
        		    bodyTR.appendChild(bodyTDimage);
        		    bodyTR.appendChild(bodyTD);
        		    tBody.appendChild(bodyTR);
        		    wrapper.appendChild(tBody);
        		    
        		}
        	    }
        

        what did i make wrong ?

        1 Reply Last reply Reply Quote 0
        • P Offline
          Perlchamp
          last edited by Perlchamp May 2, 2020, 9:10 PM May 2, 2020, 9:07 PM

          @Perlchamp said in read csv-data and put it in an array:

          bodyTD.innerHTML = person.name + “” + person.age + “”;

          should be:
          bodyTD.innerHTML = person.name + span class = … + person.age + /span;

          can’t send html tags here ? how i have to escape them here ?

          S 1 Reply Last reply May 2, 2020, 10:37 PM Reply Quote 0
          • S Offline
            sdetweil @Perlchamp
            last edited by May 2, 2020, 10:37 PM

            @Perlchamp cannot escape tags here, long time complaint

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • P Offline
              Perlchamp
              last edited by May 2, 2020, 10:38 PM

              did it !
              this.loaded = true; was wrong placed …

              1 Reply Last reply Reply Quote 0
              • P Offline
                Perlchamp
                last edited by May 2, 2020, 10:41 PM

                but this does not work yet:

                		    var bodyTDimage = document.createElement("td");
                		    bodyTDimage.className = "td-image";
                		    bodyTDimage.id = "birthday-td-image";
                		    if (birthday.charAt(0) === "0") {
                			birthday = birthday.replace("0","");
                			birthday = birthday.substring(0,1);
                		    }
                		    bodyTDimage.innerHTML = birthday.substring(0,2);
                

                the value will not displayed, but i will find a way. my code yet is far away from a smart code :-))

                1 Reply Last reply Reply Quote 0
                • P Offline
                  Perlchamp
                  last edited by May 2, 2020, 10:45 PM

                  this is the status at the moment :
                  image

                  S 1 Reply Last reply May 2, 2020, 10:45 PM Reply Quote 0
                  • S Offline
                    sdetweil @Perlchamp
                    last edited by May 2, 2020, 10:45 PM

                    @Perlchamp cool… do you want ages aligned?

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • P Offline
                      Perlchamp
                      last edited by May 2, 2020, 10:47 PM

                      yes, of course, sir …

                      S 1 Reply Last reply May 2, 2020, 10:50 PM Reply Quote 0
                      • 1
                      • 2
                      • 18
                      • 19
                      • 20
                      • 21
                      • 22
                      • 31
                      • 32
                      • 20 / 32
                      20 / 32
                      • First post
                        197/313
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy