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

How to load a <script> src = " " </script> into my mirror?

Scheduled Pinned Locked Moved Development
35 Posts 4 Posters 24.1k Views 5 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.
  • C Offline
    cowboysdude Module Developer @nbrenn
    last edited by Feb 4, 2017, 3:37 PM

    @nbrenn I believe you can do it with a classid…

    var gameTemp = document.createElement("div");
                   gameTemp.classList.add("gametemp");
    

    Then add it your css file:

    .MMM-NFLweather .gametemp {
        color: #10B1C8;
    }
    
    S 1 Reply Last reply Feb 4, 2017, 4:01 PM Reply Quote 1
    • S Offline
      strawberry 3.141 Project Sponsor Module Developer @cowboysdude
      last edited by Feb 4, 2017, 4:01 PM

      @cowboysdude this will not work for images

      therefore you have to add a filter -webkit-filter: grayscale(100%);

      Please create a github issue if you need help, so I can keep track

      C 1 Reply Last reply Feb 4, 2017, 4:21 PM Reply Quote 2
      • C Offline
        cowboysdude Module Developer @strawberry 3.141
        last edited by cowboysdude Feb 4, 2017, 4:23 PM Feb 4, 2017, 4:21 PM

        @strawberry-3.141 Yeap you’re right… he wanted greyscale… ok got it!

        N 1 Reply Last reply Feb 4, 2017, 9:22 PM Reply Quote 1
        • N Offline
          nbrenn @cowboysdude
          last edited by Feb 4, 2017, 9:22 PM

          @cowboysdude @strawberry-3-141

          I’m having trouble getting my icon to load. My getDom looks like the following:

          getDom: function() {
          		var wrapper = document.createElement("div");
          
          		if (!this.loaded) {
          			wrapper.innerHTML = this.translate("Loading...");
          			wrapper.className = "dimmed light small";
          			return wrapper;
          		}
          		wrapper.className = "datafeed";		
          		var myLogo = document.createElement("span");
          			var myIcon = document.createElement("img");
          			myLogo.classList.add("myLogo");		
          			myIcon.src = this.file("my_logo.png");
          			myLogo.appendChild(myIcon);
          		wrapper.appendChild(myLogo);
          		
          		wrapper.innerHTML = "Today, your sum is " + this.sum ;
          		return wrapper;
          	},
          
          S 1 Reply Last reply Feb 4, 2017, 9:23 PM Reply Quote 0
          • S Offline
            strawberry 3.141 Project Sponsor Module Developer @nbrenn
            last edited by Feb 4, 2017, 9:23 PM

            @nbrenn

            you are overwriting the innerhtml of the wrapper

            Please create a github issue if you need help, so I can keep track

            1 Reply Last reply Reply Quote 0
            • 1
            • 2
            • 3
            • 4
            • 4 / 4
            4 / 4
            • First post
              31/35
              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