iframe에 폼로드

Question

iframe에 폼을로드하려고합니다. 사용자가 북마크릿을 클릭하면 iframe이 임의의 페이지로로드됩니다. 전체 페이지가 제출 (코드의 마지막 줄)에 다시로드됩니다

loginForm = document.createElement("form"); 
    loginForm.setAttribute("method","Post"); 
    loginForm.setAttribute("action","http://devserver:8000/action/"); 
    parameters = {}; 
    parameters['url'] = parent.window.location; 

    for(var key in parameters) 
    { 
     var hiddenField = document.createElement("input"); 
     hiddenField.setAttribute('type',"hidden"); 
     hiddenField.setAttribute('name',key); 
     hiddenField.setAttribute('value',parameters[key]); 
     loginForm.appendChild(hiddenField); 
    } 

    loginIFrame = document.createElement('iframe'); 
    loginIFrame.src = "about:blank"; 
    loginIFrame.appendChild(loginForm); 
    loginIFrame.style.top = "0px"; 
    loginIFrame.style.position='fixed'; 
    loginIFrame.style.display = 'block'; 
    loginIFrame.style.zIndex = 100; 
    loginIFrame.style.border = "solid #48D236 10px"; 
    loginIFrame.height = "25px"; 
    loginIFrame.width = "100%"; 
    loginIFrame.style.border = 0; 
    loginIFrame.id = "loginFrame"; 
    loginIFrame.name = "loginFrame"; 
    usernameField = document.createElement("input"); 
    usernameField.type = "text"; 
    usernameField.size = 8; 
    usernameField.name = "usernameField"; 
    usernameField.id = "usernameField"; 

    passwordField = document.createElement("input"); 
    passwordField.type = "password"; 
    passwordField.size = 8; 
    passwordField.name = "passwordField"; 
    passwordField.id = "passwordField"; 


    submitButton.style.position='fixed'; 
    submitButton.style.top = "60px"; 
    submitButton.type = "button"; 
    submitButton.value = "Submit"; 
    submitButton.onclick = function(){loginUser();};*/ 
    b.style.position="relative"; 


    addToBody(loginIFrame); 
    loginForm.submit(); 

무슨 일이 끝나는 것은 아닌 iframe이 : 여기

는 지금까지 코드입니다. 어떤 아이디어?

미리 감사드립니다.

Answer 1

loginIFrame.appendChild 대신 loginIFrame.contentWindow.document을 사용하여 양식을 추가 할 수 있습니다.

contentWindow 속성을 사용할 수 없으므로 iframe이 페이지에 추가 된 후에도 양식을 추가해야 할 수도 있습니다.

내가 틀릴 수도 있지만 appendChild을 사용하고 있기 때문에 양식이 iframe에 추가되지 않는다고 확신합니다. 로드 할 URL (예 : 약 : 공백)을로드 할 것이므로 실제로는 조작 할 수 없다고 생각합니다.

편집 : 당신은 또한 loginForm.setAttribute("target", "loginFrame"); 여기

내가 함께 테스트를 봤는데 무엇을 추가 할 수 있으며 그것을 잘 작동합니다 :

loginIFrame = document.createElement('iframe'); 
loginIFrame.src = "about:blank"; 
loginIFrame.style.top = "0px"; 
loginIFrame.style.position='fixed'; 
loginIFrame.style.display = 'block'; 
loginIFrame.style.zIndex = 100; 
loginIFrame.style.border = "solid #48D236 10px"; 
loginIFrame.height = "100px"; 
loginIFrame.width = "100%"; 
loginIFrame.style.border = 0; 
loginIFrame.id = "loginFrame"; 
loginIFrame.name = "loginFrame"; 

document.body.appendChild(loginIFrame); 

var idocument = loginIFrame.contentWindow.document; 

loginForm = idocument.createElement("form"); 
loginForm.setAttribute("target", "loginFrame"); 
loginForm.setAttribute("method","Post"); 
loginForm.setAttribute("action","http://devserver:8000/action/"); 
parameters = {}; 
parameters['url'] = parent.window.location; 

for(var key in parameters) 
{ 
    var hiddenField = idocument.createElement("input"); 
    hiddenField.setAttribute('type',"hidden"); 
    hiddenField.setAttribute('name',key); 
    hiddenField.setAttribute('value',parameters[key]); 
    loginForm.appendChild(hiddenField); 
} 

loginIFrame.appendChild(loginForm); 

loginForm.submit(); 

• 기독교

Answer 2

폼 타겟을 iFrame으로 설정했을 수 있습니다. 부모 페이지 컨텍스트 내에서 요소를 만들므로 기본 페이지를 대상으로 사용하고 있기 때문에 상상할 수 있습니다 (삽입 된 상태 임에도 불구하고).

당신이 너무 컨텍스트를 유지하기를 만든 후에는 iframe을에서의 createElement를 호출을 시도 할 수 편집 할 수 있습니다.