Question

I have something that I would like to do, but I am not sure that it is possible.

I want a text box (input), and when a user pastes a URL of an image (Say, their facebook profile pic), it will take that URL and set it as the background image URL on the website.

Is this possible? Could someone write up a code? It seems like if it is possible, it shouldn’t be too difficult..

Thanks in advance.

Answer 1

<script type="text/javascript">
function changebackground(){
    var url = document.getElementById('bgchanger').value;
    document.getElementsByTagName('body')[0].style.backgroundImage = "url('" + url + "')";
}
</script>
<input type="text" id="bgchanger" value="Enter a background URL" />
<input type="button" onclick="changebackground();" value="Change!" />

Untested but should be ok.

Edit Tested and works perfectly: http://jsfiddle.net/EK3Y3/