HTML - OnChange 이미지 원본 URL을 입력란에서 업데이트하십시오.

Question

좋아요, 저는 웹 페이지 디자인 수업에 대한 최종 작업을하고 있습니다. HTML, CSS 및 JAVASCRIPT 만 사용할 수 있습니다. 아니 AJAX 또는 다른 건.

약간의 도움이 필요합니다.

텍스트 상자가 있습니다. 사용자가 (이미지) URL을 붙여 넣기를 원하면 페이지의 이미지를 붙여 넣은 이미지 URL로 자동 업데이트합니다.

이것이 가능합니까?

텍스트 상자에서 OnChange를 사용하여 이미지 URL을 업데이트 할 수 있습니까? 나는 각각 무엇을 넣어야합니까? 여기

여기 당신이 시도 내가 텍스트 입력

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

Answer 1

에서의 OnChange를 변경하려는 이미지 소스 I, 그것은 늦은 대답을 알고 있지만 내 텍스트 상자

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

이며, 이 같은? 나는 그것이 최선의 해결책 아니라는 것을 알고,하지만 뭔가 ...

<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)"/> 

희망이 도움