Search code examples
javascriptgetelementbyidgetelementsbytagname

document.getElementById("").getElementsByTagName("img")[0].src = Not Working

I have these 3 lines of code in an external javascript file

function init(){
document.getElementById("upcoming_event").getElementsByTagName("img")[0].src = "images/fastnet_2013_poster.jpg";
    document.getElementById("club_championship").getElementsByTagName("img")[0].src = "images/club_championship.png";
    document.getElementById("setMembership").getElementsByTagName("img")[0].src = "images/join_our_club.png";
}

document.addEventListener( "DOMContentLoaded" , init , false);

This code works perfectly on this site which i used just to develop a little bit of it with 000webhosting.

But I have now moved my hosting to hosting24 to complete the development of the site. When i load the site through the new host(hosting24) the images are not getting loaded.

I have taken these 3 line of code out and tried them in an <body onload="init()"> but this dose not load the images either.

I know that both methods above are being called as i have got them to display a window.alert("Display").

Is there another way of doing this?

(document.getElementById("upcoming_event").getElementsByTagName("img")[0].src = "images/fastnet_2013_poster.jpg";) that i could try and use? Or solve my problem.

Solution

  • Changing servers should not effect javascript code at all. Only thing that comes to mind is that the URL's for the images sources isn't correct anymore, because of the move.