IFrame의 소스를 어떻게 동적으로 설정합니까?

Question

YouTube 동영상이 삽입 된 IFrame이 있습니다. 사용자 (관리자)가 새 src (URL) 동영상을 붙여 넣을 수있는 텍스트 상자를 만들고 IFrame에서 새 소스를 가져 오려고합니다. 내가 텍스트 상자에 URL을 붙여 넣을 때

이

<div id="video"> 
    <iframe title="YouTube video player" runat="server" width="420" 
      frameborder="1" style="height: 265px; float: left; 
      text-align: center;" id="frame1" 
     name="frame1" align="middle"></iframe> 
     <br /> 
     </div> 

내가 처음에 어떤 SRC를 설정하지 않지만 :

protected void Edited_Click(object sender, EventArgs e) 
    { 
     // HtmlControl frame1 = (HtmlControl)this.FindControl("frame1"); 
     string url = TextBox1.Text; 
     frame1.Attributes["src"] = url; 

    } 

그리고 HTML 코드에서

는 iframe이 있습니다 : 여기에 지금까지 무엇을 가지고 버튼을 누르면 Iframe에 아무 것도 표시되지 않습니다.

Answer 1

서버 측이 아니라 클라이언트 브라우저에서이 작업을 수행해야합니다. 내가 좋아하는 뭔가를 제안 :

// (Add inside script element in head of page html) 

window.onload = function() { 
    document.getElementById('<id of input>').onchange = function() { 
     changeFrameUrl(); 
    } 
}; 

function changeFrameUrl() { 
     var inputVal = document.getElementById('<id of input>').value; 
     document.getElementById('<id of iframe>').src = inputVal; 
} 

희망이 도움이 - 그것이 비록 내 머리 위로 떨어져, 그것은이 처음 작동하지 않는 경우, 그래서 저를이 diss하지 않습니다!

Answer 2

기타 응답은 질문에 대답하지 않으며, 대안을 제공합니다. 질문은 C#에서 iFrame src를 설정하는 방법입니다. 나는 여기에 대답 할 것이다.

저는 "일하는 올바른 도구"에 대한 것이고, 다른 도구가 "틀린"경우에만 그 진언을 많이 사용합니다. 그것은 여기에 확립되지 않았습니다. 코드 숨김으로 처리해서는 안되는 좋은 기술적 이유를 누군가가 제공 할 수 있습니까?

나는 @Pepys가 겪고있는 문제가 그가 아직 제공하지 않은 URL의 어떤 것 때문일 것이라고 생각합니다. 예를 들어, 그의 URL에 앰퍼샌드 또는 이스케이프해야하는 다른 문자가 포함되어있을 수 있습니다.

다음 코드는 나를 위해 잘 작동 :

excelframe.Attributes["src"] = 
    @"https://r.office.microsoft.com/r/rlidExcelEmbed?" 
+ @"su=-0000000000" 
+ @"&Fi=zzzzzzzzzzzz!111" 
+ @"&ak=x%3d9%26x%3d9%26x%3d!zzzzzzzzzz" 
+ @"&kip=1" 
+ @"&AllowTyping=True" 
+ @"&ActiveCell='sheet1'!C3" 
+ @"&wdHideGridlines=True" 
+ @"&wdHideHeaders=True" 
+ @"&wdDownloadButton=True";