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.

    Button / modul

    Scheduled Pinned Locked Moved Troubleshooting
    12 Posts 3 Posters 5.8k Views 2 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.
    • M Offline
      Marko
      last edited by

      Thank you for help,

      but i didn’t get the click in function, i tray to add it like my own module and put it in index.html, but both doesn’t work. I have it on screen but it is not operational, in my test html it works. I remove hidden mouse cursor in css, so i can move it ower screen for testing but it will fit behind touchscreen. I’m begginer in javascript, so this is my first time meet with node and electron. Is modul requires certain writing rules to be active?

      Thank you

      romainR 1 Reply Last reply Reply Quote 0
      • romainR Offline
        romain @Marko
        last edited by

        @Marko Can you copy past what you did exactly ?

        1 Reply Last reply Reply Quote 0
        • M Offline
          Marko
          last edited by

          No problem,

          i add this in head in html:```
          function myFunction() {
          var newButton = “Click me!”;
          var result = newButton.link(“https://www.google.com”);
          document.getElementById(“btn”).innerHTML = result;
          }

          This works great in my html file. 
          
          Thank you Romain
          brobergB 1 Reply Last reply Reply Quote 0
          • brobergB Offline
            broberg Project Sponsor @Marko
            last edited by

            @Marko it’s better if you don’t alter the index.html file and instead write a module to display the button. Use the default hello world module as a base.

            M 1 Reply Last reply Reply Quote 0
            • M Offline
              Marko @broberg
              last edited by

              @broberg i modify helloworld just like you sead, but still not active. Is thare function that can call it?
              Thank you again! ```
              //your code here

               	getDom: function() {
              		var wrapper = document.createElement("a");
              		wrapper.innerHTML = "<a href="https://www.google.hr">" + this.config.text + "</a>";
              		return wrapper;
              	}
              });
              brobergB 1 Reply Last reply Reply Quote 0
              • brobergB Offline
                broberg Project Sponsor @Marko
                last edited by broberg

                @Marko well, you really can’t open links in that manner inside the MM, either you have to open a seperate browser or maybe if it’s possible to run google within an iframe (can’t remember the latest verdict on this subject).

                And, what version of the mirror are you running?

                M 1 Reply Last reply Reply Quote 0
                • M Offline
                  Marko @broberg
                  last edited by

                  @broberg i’m running MM ver. 2.1.0 on Win 10 and Node.js 7.9.0 installed

                  brobergB 1 Reply Last reply Reply Quote 0
                  • brobergB Offline
                    broberg Project Sponsor @Marko
                    last edited by broberg

                    @Marko aahh okey. To be able to click on anything on the 2.1.0 and prevoius versions you need to change the fullcreen region property.

                    So either update to 2.1.1 or add

                    
                    .region.fullscreen {
                      pointer-events: none;
                    }
                    .region.fullscreen * {
                      pointer-events: auto;
                    }
                    

                    To your custom.css file

                    M 1 Reply Last reply Reply Quote 0
                    • M Offline
                      Marko @broberg
                      last edited by

                      @broberg thank you so much, i did it finally. I can’t upgrade to v.2.1.1 (i tray it on Linux and Respberry pi3) but it wont launch on Windows, becuse he use sh to launch the app (MM). I will tray to add sh to Environment Varibale… But this is good for now.

                      Thx again

                      1 Reply Last reply Reply Quote 0
                      • M Offline
                        Marko
                        last edited by

                        External sites works good. Is someone familiar with error “Cannot GET *.html”, allways get this error when i tray to link to local site (html). If someone know how to solve the problem can please respond?

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