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 439.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

      @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
      • PerlchampP Offline
        Perlchamp
        last edited by Perlchamp

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

        1 Reply Last reply Reply Quote 0
        • PerlchampP Offline
          Perlchamp
          last edited by

          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
          • PerlchampP Offline
            Perlchamp
            last edited by Perlchamp

            @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 Reply Quote 0
            • S Offline
              sdetweil @Perlchamp
              last edited by

              @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
              • PerlchampP Offline
                Perlchamp
                last edited by

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

                1 Reply Last reply Reply Quote 0
                • PerlchampP Offline
                  Perlchamp
                  last edited by

                  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
                  • PerlchampP Offline
                    Perlchamp
                    last edited by

                    this is the status at the moment :
                    image

                    S 1 Reply Last reply Reply Quote 0
                    • S Offline
                      sdetweil @Perlchamp
                      last edited by

                      @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
                      • PerlchampP Offline
                        Perlchamp
                        last edited by

                        yes, of course, sir …

                        S 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 20
                        • 21
                        • 22
                        • 23
                        • 24
                        • 31
                        • 32
                        • 22 / 32
                        • First post
                          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