Homey.ink on a tablet/desktop

Developers
707

someone helped me adding some code in the index file.
This is for adding “buienradar” when i press the tile i’ll get an local overview.

		<!-- scripts -->
		<script type="text/javascript">
			
			/* Refresh */
			window.setInterval(function(){
				document.getElementById('buienradar').src = "https://api.buienradar.nl/image/1.0/RadarMapNL?w=140&h=140&random="+new Date().getTime();
			}, 300000); // refresh elke 5 minuten

			
			/* Fullscreen */
			var Fullscreen = document.documentElement;
			
			/* View in fullscreen */
			function openFullscreen() {
				
				if (Fullscreen.requestFullscreen) {
					Fullscreen.requestFullscreen();
				} else if (Fullscreen.mozRequestFullScreen) { /* Firefox */
					Fullscreen.mozRequestFullScreen();
				} else if (Fullscreen.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
					Fullscreen.webkitRequestFullscreen();
				} else if (Fullscreen.msRequestFullscreen) { /* IE/Edge */
					Fullscreen.msRequestFullscreen();
				}
				
			}
			
			/* Close fullscreen */
			function closeFullscreen() {
				
				if (document.exitFullscreen) {
					document.exitFullscreen();
				} else if (document.mozCancelFullScreen) { /* Firefox */
					document.mozCancelFullScreen();
				} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
					document.webkitExitFullscreen();
				} else if (document.msExitFullscreen) { /* IE/Edge */
					document.msExitFullscreen();
				}
				
			}
		</script>
		
		<!-- HTML -->
		<div class="device on" style="text-align:left;padding:0;">
			<a href="https://www.buienradar.nl/weer/Meppel/NL/2750947#main" target="_blank"> <!-- #2750947 = Meppel -->
				<img src="https://api.buienradar.nl/image/1.0/RadarMapNL?w=140&h=140" id="buienradar" class="-width">
			</a>
		</div>
		
		
		<!-- END Custom -->

	</div>
</div>
4 Likes