Last.fm HTML showing up as code…

  • Colin Patterson

    (@camf111)


    10 years, 4 months ago

    SO I am trying to add some HTML code made by someone else to my site, which should display the last 5 tracks played on my Last.fm account. I have tested the code in an HTML text thing online and can confirm it works as it should by this photo:

    https://www.dropbox.com/s/f7352bj2fttfd26/Screen%20Shot%202016-01-16%20at%2016.17.46.png?dl=0

    The problem is when I then copy the code into my WordPress page under the HTML tab, I just get the output as a string of code! I will ad I know pretty much 0 about HTML code, so this could be something really obvious

    This is the code:
    `<HTML>
    <script type=”text/javascript”>

    function calculateDateAgo(secAgo) {
    var agoString, agoRange, agoScaled;
    if(secAgo >= (agoRange = 60*60*24))
    agoString = (agoScaled = Math.floor(secAgo/agoRange))+” “+(agoScaled>1?”days”:”day”) + ” ago”
    else if(secAgo >= (agoRange = 60*60))
    agoString = (agoScaled = Math.floor(secAgo/agoRange))+” “+(agoScaled>1?”hours”:”hour”) + ” ago”
    else if(secAgo >= (agoRange = 60))
    agoString = ” – ” +(agoScaled = Math.floor(secAgo/agoRange))+” “+(agoScaled>1?”minutes”:”minute”) + ” ago”
    else if(secAgo >= -60)
    agoString = ” listening just now”;
    else
    agoString = “soon ;)”;
    return agoString
    }

    function truncateName(name, l) {
    return name.length > l ? name.substr(0,l-2) + “\u2026” : name
    }

    function lfmRecentTracks(JSONdata) {

    try {
    var eRow, eCell, eImg, eLink, eSpan;
    var eTable = document.getElementById(“lfmRecentTracks”);
    var oTracks = new Array().concat(JSONdata.recenttracks.track);

    for (var i = 0; i < oTracks.length; i++) {
    eRow = eTable.insertRow(-1);

    //insert coverart image
    eCell = eRow.insertCell(-1)
    eCell.className = “lfmTrackImageCell”;
    if(oTracks[i].image[1][“#text”] != “”) {
    eImg = document.createElement(“img”);
    eCell.appendChild(eImg);
    eImg.src = oTracks[i].image[1][“#text”];
    eImg.className = “lfmTrackImage”;
    }

    //insert track link
    eCell = eRow.insertCell(-1)
    eCell.className = “lfmTrackInfoCell”;
    eLink = document.createElement(“a”);
    eLink.appendChild(document.createTextNode( truncateName(oTracks[i].name, 25) ));
    eCell.appendChild(eLink);
    eLink.href = oTracks[i].url;
    eLink.target = “new”;
    eLink.className = “lfmTrackTitle”;

    //insert artist name
    eSpan = document.createElement(“span”);
    eSpan.appendChild(document.createTextNode(“by ” + truncateName(oTracks[i].artist[“#text”], 22) ));
    eCell.appendChild(eSpan);
    eSpan.className = “lfmTrackArtist” & ” – “;

    //insert date
    eSpan = document.createElement(“span”);
    eCell.appendChild(eSpan);
    eSpan.appendChild(document.createTextNode( (typeof oTracks[i].date==”undefined”?” – Now playing”:calculateDateAgo(new Date().getTime()/1000 – oTracks[i].date.uts)) ));
    eSpan.className = “lfmTrackDate”;
    }
    } catch(e) {}
    }
    </script>
    <p>Last Played</p>
    <table id=”lfmRecentTracks”><tbody></tbody></table>
    <script type=”text/javascript” src=”http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=CAMF111&api_key=54f8f15133336606e882fdf20148d123&limit=4&format=json&callback=lfmRecentTracks”></script&gt;
    <HTML>`

    and this is the result:
    http://camf111.com/music/

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Last.fm HTML showing up as code…’ is closed to new replies.

Tags