diff options
-rw-r--r-- | _includes/javascript.html | 77 | ||||
-rw-r--r-- | assets/javascript/script.js | 74 |
2 files changed, 76 insertions, 75 deletions
diff --git a/_includes/javascript.html b/_includes/javascript.html index 6a5316f..7b9e861 100644 --- a/_includes/javascript.html +++ b/_includes/javascript.html @@ -1,2 +1,77 @@ <!-- Updates track names --> -<script type="text/javascript" src="assets/javascript/script.js"></script> +<script type="text/javascript"> + 'use strict'; + + /** + * @param {String} parameterName - Variable name + * @returns {String} Value of variable + * @description Searches for the value of the GET variable on the page. + */ + function findGetParameter(parameterName) { + var result = null; + var tmp = []; + + var items = window.location.search.substr(1).split('&'); + for (var index = 0; index < items.length; index++) { + tmp = items[index].split('='); + if (tmp[0] === parameterName) { + result = decodeURIComponent(tmp[1]); + } + } + + return result; + } + + /** + * @param {String} artistTrack - Artist of the track + * @param {String} titleTrack - Name of the track + * @description Updates the data on the page. Displays a pop-up window if the + * data has changed. + */ + function updateData(artistTrack, titleTrack) { + /* Gets items on the page */ + var displayElement = document.getElementById('display'); + var artistElement = document.getElementById('artist'); + var titleElement = document.getElementById('title'); + + if (artistElement.textContent !== artistTrack || titleElement.textContent !== titleTrack) { + /* Updates text */ + document.title = artistTrack + ' - ' + titleTrack; + artistElement.textContent = artistTrack; + titleElement.textContent = titleTrack; + + /* Displays a pop-up window */ + displayElement.style['animation-name'] = 'fadeIn'; + + setTimeout(function () { + /* Removes a pop-up window */ + displayElement.style['animation-name'] = 'fadeOut'; + }, 5000); + } + } + + var client = new XMLHttpRequest(); + var radio = findGetParameter('radio'); + var url = '//somafm.com/songs/' + radio + '.xml'; + + /* Processes response */ + client.onload = function () { + if (client.readyState === client.DONE) { + if (this.status === 200 && this.responseXML !== null) { + /* Gets current track */ + var current = this.responseXML.getElementsByTagName('song')[0]; + var artist = current.getElementsByTagName('artist')[0].textContent; + var title = current.getElementsByTagName('title')[0].textContent; + + /* Updates data */ + updateData(artist, title); + } + } + }; + + /* Update cycle */ + setInterval(function () { + client.open('GET', url); + client.send(); + }, 10000); +</script> diff --git a/assets/javascript/script.js b/assets/javascript/script.js deleted file mode 100644 index 78b83e7..0000000 --- a/assets/javascript/script.js +++ /dev/null @@ -1,74 +0,0 @@ -'use strict'; - -/** - * @param {String} parameterName - Variable name - * @returns {String} Value of variable - * @description Searches for the value of the GET variable on the page. - */ -function findGetParameter(parameterName) { - var result = null; - var tmp = []; - - var items = window.location.search.substr(1).split('&'); - for (var index = 0; index < items.length; index++) { - tmp = items[index].split('='); - if (tmp[0] === parameterName) { - result = decodeURIComponent(tmp[1]); - } - } - - return result; -} - -/** - * @param {String} artistTrack - Artist of the track - * @param {String} titleTrack - Name of the track - * @description Updates the data on the page. Displays a pop-up window if the - * data has changed. - */ -function updateData(artistTrack, titleTrack) { - /* Gets items on the page */ - var displayElement = document.getElementById('display'); - var artistElement = document.getElementById('artist'); - var titleElement = document.getElementById('title'); - - if (artistElement.textContent !== artistTrack || titleElement.textContent !== titleTrack) { - /* Updates text */ - document.title = artistTrack + ' - ' + titleTrack; - artistElement.textContent = artistTrack; - titleElement.textContent = titleTrack; - - /* Displays a pop-up window */ - displayElement.style['animation-name'] = 'fadeIn'; - - setTimeout(function () { - /* Removes a pop-up window */ - displayElement.style['animation-name'] = 'fadeOut'; - }, 5000); - } -} - -var client = new XMLHttpRequest(); -var radio = findGetParameter('radio'); -var url = '//somafm.com/songs/' + radio + '.xml'; - -/* Processes response */ -client.onload = function () { - if (client.readyState === client.DONE) { - if (this.status === 200 && this.responseXML !== null) { - /* Gets current track */ - var current = this.responseXML.getElementsByTagName('song')[0]; - var artist = current.getElementsByTagName('artist')[0].textContent; - var title = current.getElementsByTagName('title')[0].textContent; - - /* Updates data */ - updateData(artist, title); - } - } -}; - -/* Update cycle */ -setInterval(function () { - client.open('GET', url); - client.send(); -}, 10000); |