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.

    Develop module with API

    Scheduled Pinned Locked Moved Development
    42 Posts 6 Posters 14.8k Views 6 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.
    • ? Offline
      A Former User @htilburgs
      last edited by

      @htilburgs
      Insert “tr” element after each row.

      1 Reply Last reply Reply Quote 0
      • htilburgsH Offline
        htilburgs
        last edited by

        Don’t I do this with this?

        var callWrapper = document.createElement("tr");
        callWrapper.appendChild(FajrTextCell);
        

        (still trying to learn JS, but not afraid to ask) ☺

        S ? 2 Replies Last reply Reply Quote 0
        • S Offline
          sdetweil @htilburgs
          last edited by

          @htilburgs yes, for each row, and the columns added to the row

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          htilburgsH 1 Reply Last reply Reply Quote 0
          • htilburgsH Offline
            htilburgs @sdetweil
            last edited by

            @sdetweil I don’t understand what you mean.

            (still trying to learn JS, but not afraid to ask) ☺

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

              @htilburgs make a table with HTML.

              tr have to be added to table for each row
              And td need to be added for each tr

              Right? Exactly the same using code

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • ? Offline
                A Former User @htilburgs
                last edited by

                @htilburgs
                https://www.w3schools.com/jsref/dom_obj_table.asp
                This might be help. Read following articles about table on that site.

                1 Reply Last reply Reply Quote 0
                • htilburgsH Offline
                  htilburgs
                  last edited by htilburgs

                  @Sean @sdetweil I finaly figured it out! Thanx for the support and pointing me in the correct direction. See the result:

                  alt text

                  		var MPT = this.MPT;
                  
                  		// creating the tablerows
                  		// Fajr
                  		var FajrRow = document.createElement("tr")
                  		FajrRow.className = "small fajr-row";
                  		
                  		var FajrTextCell = document.createElement("td");
                  		FajrTextCell.innerHTML = "Fajr";
                  		FajrRow.appendChild(FajrTextCell);
                  		table.appendChild(FajrRow);
                  		
                  		var FajrTimeCell = document.createElement("td");
                  		FajrTimeCell.className = "bright";
                  		FajrTimeCell.innerHTML = MPT.Fajr;
                  		FajrRow.appendChild(FajrTimeCell);
                  		table.appendChild(FajrRow);
                  		
                  		var FajrArabCell = document.createElement("td");
                  		FajrArabCell.innerHTML = "الفجر";
                  		FajrRow.appendChild(FajrArabCell);
                  		table.appendChild(FajrRow);
                  ......
                  }		
                  		return table;	
                  

                  (still trying to learn JS, but not afraid to ask) ☺

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

                    Fabulous! Nice work!

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • htilburgsH Offline
                      htilburgs
                      last edited by

                      @Mykle1 Thanks for the MMM-UFO “templates”. This really helped me to get started.
                      First one down, several to go…:winking_face:

                      (still trying to learn JS, but not afraid to ask) ☺

                      Mykle1M 1 Reply Last reply Reply Quote 0
                      • Mykle1M Offline
                        Mykle1 Project Sponsor Module Developer @htilburgs
                        last edited by

                        @htilburgs

                        You’re welcome, mate. And with @sdetweil and @Sean you found the best help possible. :thumbsup:

                        Create a working config
                        How to add modules

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 3 / 5
                        • 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