HTML - OnChange画像ボックスのURLを入力ボックスから更新する

Question

私はウェブページのデザインクラスのためにファイナルに取り組んでいます。 HTML、CSS、JAVASCRIPTのみを使用できます。いいえAJAXや何か。

少し助けが必要です。

私にはテキストボックスがあります。私は、ユーザーが（画像）URLを貼り付けることができるようにして、ページ上の画像を貼り付けた画像URLに自動的に更新します。

これは可能ですか？

テキストボックスでOnChangeを使用してイメージURLを更新できますか？私はそれぞれ何を入れますか？ここで

は、私はそれが後半に答えている知っているが、 はあなたがしようとしている私のテキストボックス

<input id="usrimg" onChange="??(What do I put here)??" type="text"/> 

、ここでは、私は、テキスト入力

 imageObj.src = "??What goes here??"; 

Answer 1

でのOnChangeを変更したい画像ソースですこのようなもの？ 私はそれが最善の解決策ではないですけど、それが何かある...

<script language="JavaScript" type="text/javascript"> 
function show_prompt() { 
var image_url = prompt("Please enter an image url","http://hasselt-graphix.be/images/HGX.png"); 
    document.write("<!-- The rest of your html page --><img src=\"" + image_url + "\" width=\"400px\"><!-- The rest of your html page-->"); 
} 
</script> 

<form> 
    <input type="button" value="Change picture" onclick="show_prompt();" /> 
</form> 

は、それが

Answer 2

<script language="JavaScript" type="text/javascript"> 
    function changeUrl(el) { 
    var el = document.getElementById('inputid').value; 
    var im = document.getElementsByTagName(img); 
    im.src = el; 
    } 
    </script> 


<input type="text" id="inputid" value="" onBlur="changeUrl(this.value)"/> 

を役に立てば幸い