2012-12-16 4 views
0

이 자바 스크립트 함수를 사용하여 양식을 사용하여 텍스트를 세트 div에 삽입합니다.양식을 사용하여 자바 스크립트를 사용하여 이미지 삽입

이미지 URL을 양식에 넣고이 함수를 사용하여 div 대신 img 태그에 URL을 삽입하고 싶습니다. 어떤 방법으로 이것을 할 수 있습니까?

자바 스크립트 :

function header01(){ 

    var head01v = document.getElementById('head01i').value; 

    document.getElementById('head01c').innerHTML = head01v; 
    document.getElementById('head01c').style.display = "block"; 

    return false; 
} 

나는

function image01(){ 

     var img = document.createElement('img'); 
     img.src = document.getElementById('imag01i').value; 
     document.getElementById('imag01c').appendChild(img); 

     return false; 
    } 

그러나 아무 소용이

이 추가 도움을 크게 수신 해당 필드를 입력, 제안 된 솔루션을 사용하려고했습니다.

+0

'var에 IMG = document.createElement ('IMG'); img.src = theValueOfTheForm;'도움이 될 수 있습니까? – 11684

답변

1

대답에 대한 내 댓글 확장 :

그리 어렵지 않습니다. 당신이 (즉, here에 대한 추가 정보를 원하시면 - 첫번째 Google에 명중) 유효한 URL이있는 경우 먼저 확인 다음, 다음을 수행하십시오

var img = document.createElement('img'); 
img.src = [the validated URL you obtained from the form]; 
document.getElementById('theElementYouWantToInsertTheImgIn').appendChild(img); 
+0

감사하지만 기쁨없이 시도했지만 위의 질문을 내가 시도한 것에 업데이트했습니다. – user1739696

+0

내 솔루션을 사용해도 어떻게됩니까? @ user1739696 – 11684

+0

함수 actualiteit가 호출 되었습니까? – 11684

관련 문제