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

Develop module with API

Scheduled Pinned Locked Moved Development
42 Posts 6 Posters 14.7k 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 Mar 20, 2019, 9:07 PM

    @htilburgs
    Insert “tr” element after each row.

    1 Reply Last reply Reply Quote 0
    • H Offline
      htilburgs
      last edited by Mar 20, 2019, 9:26 PM

      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 Mar 20, 2019, 9:29 PM Reply Quote 0
      • S Offline
        sdetweil @htilburgs
        last edited by Mar 20, 2019, 9:29 PM

        @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

        H 1 Reply Last reply Mar 20, 2019, 9:44 PM Reply Quote 0
        • H Offline
          htilburgs @sdetweil
          last edited by Mar 20, 2019, 9:44 PM

          @sdetweil I don’t understand what you mean.

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

          S 1 Reply Last reply Mar 20, 2019, 9:56 PM Reply Quote 0
          • S Offline
            sdetweil @htilburgs
            last edited by Mar 20, 2019, 9:56 PM

            @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 Mar 20, 2019, 9:58 PM

              @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
              • H Offline
                htilburgs
                last edited by htilburgs Mar 21, 2019, 8:35 AM Mar 21, 2019, 6:34 AM

                @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 Mar 21, 2019, 10:49 AM

                  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
                  • H Offline
                    htilburgs
                    last edited by Mar 21, 2019, 11:31 AM

                    @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) ☺

                    M 1 Reply Last reply Mar 21, 2019, 8:50 PM Reply Quote 0
                    • M Offline
                      Mykle1 Project Sponsor Module Developer @htilburgs
                      last edited by Mar 21, 2019, 8:50 PM

                      @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
                      3 / 5
                      • First post
                        23/42
                        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