Radio Show Header Cover Update JS

// Get Showdata from Session Storage function loadShowDataFirst() { // Get Json Show Data let json = sessionStorage.getItem(“currentshowData”); // Get Showdata from Session Storage let obj = JSON.parse(json); console.log = obj.coverURL; // Accessing Header Objects Meta Data document.getElementById(“currentRadioShow”).src = RadioShowImg;…Continue reading

Tilt Effect JS

elem = document.getElementsByClassName(‘uk-background-norepeat’); window.addEventListener(‘deviceorientation’, function(e){ handler(e); }, false); function handler(e){ var width = window.outerWidth, rot = e.gamma / 1800, left = ( width / 2 ) * rot; elem[0].style.backgroundPosition = left + ‘px’; }Continue reading

Buttons Material Design JS

‘use strict’; var rippleEffect = function (e) { var target = e.currentTarget; var ripple = target.querySelector(‘.ripple’); if(ripple){ console.log(‘asdfasdfasfas’); jQuery(ripple).remove(); } var rect = target.getBoundingClientRect(); var rippleNew = document.createElement(‘span’); target.appendChild(rippleNew); rippleNew.className = ‘ripple’; rippleNew.style.height = rippleNew.style.width = Math.max(rect.width, rect.height) + ‘px’;…Continue reading