Show Image after image url is entered

[bmdsherman]

Is there any kind of script that will display an image as soon as I enter the source of that image into a form field?

[gevans]

As long as the source is an online one.

 

A local path will not work.... But http://www.example.com/image01.jpg will work (if the iamge exists)

 

 

[bmdsherman]

Thanks, but do you know how to do it?

[gevans]

It's very easy, and google is your friend.

 

http://javascript.internet.com/miscellaneous/change-image.html

 

that's not the correct script, but you should be able to work it out from the concepts that gives you very easily.

 

 

[mrwutang]

Like gevans said, its simple.

create a

<script>

function changeImg(src){

document.getElementId('imgChng').src=src;

}

</script>

Then create a text box whichll get the url and a button which will call the change function.

<form onsubmit='javascript:return false;'>

<input type='text' id='url'>

<input type='button' onclick='javascript:changeImg(document.getElementById("url").value)'>

</form>

<img id='imgChng' src=''>.

 

Create an empty image tag with no source and id.

I think thatll do it. Din get the time to check the codes, so I donno if itll work. Try it out and tell me if theres any prolem with it.