Preview Background URL

Very very simple javascript but giving me a little problem.

I have an input box.
<input name="imageurl" type="text" id="imageurl" value="http://www." size="75">

Then a preview link that changes the background image of a certain div:
<a href="#" onClick="document.getElementById('container').style.backgroundImage= 'url(ImageHere)' " >Preview</a>

As you can see, if the "ImageHere" was a static image it works perfectly. However, i want it to take the value of the imageurl input text.

How can I do this?
:thumbsup:

As you can see, if the "ImageHere" was a static image it works perfectly. However, i want it to take the value of the imageurl input text.

How can I do this?<a onclick="document.getElementById('container').style.backgroundImage = 'url(\'' + document.getElementById('imageurl').value + '\');">Preview</a>

Thanks that fixed it! :)