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

nbrenn

@cowboysdude Thanks for the example!

Is there a specific styling that needs to be used for the images? For example, I would need the image to have the typical white/greyish hue to it.

cowboysdude

@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;
}

strawberry 3.141

@cowboysdude this will not work for images

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

cowboysdude

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

nbrenn

@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;
	},

strawberry 3.141

@nbrenn

you are overwriting the innerhtml of the wrapper