iframe 탐색을 사용하여 텍스트 상자

내 HTML 페이지에 텍스트 상자가 있고 iframe도 있습니다. 사용자가 텍스트 상자에서 URL을 입력하고 제출을 클릭하면 iframe이 해당 페이지로 이동합니다. 가능한가? JQuery와 단 한 줄의 코드를 사용하여iframe 탐색을 사용하여 텍스트 상자

출처

2012-11-16 Mika H.

그것의 아주 간단한

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="application/javascript"> 
function navigate() { 
$('#iframe1').attr('src', $('#ifrmsite').val()); 
return false; 
} 
</script></head> 
<body> 
Enter website url below:<br/> 
    <form onSubmit="return navigate();" method="get" action=""> 
     <input type="text" value="http://www.w3schools.com/" name="ifrmSite" id="ifrmsite"/> 
     <input type="submit" value="Submit"> 
    </form> 
<br /><br /> 
    <iframe name="iframe1" id="iframe1" src="" width="600" height="700" scrolling="auto"> 
    </iframe> 

</body> 
</html>

출처

2012-11-16 20:17:09 RDSAGAR

를, 탐색'에서'()' ? –

당신이 JQuery와 사용하지 않을 경우 우리가`필요가 false를 반환 할 이유

<script type="application/javascript"> 
function submitStuff(){ 
    document.getElementById('iFrame').src = 'http://' + document.theForm.url.value; 
    return false ; 
} 
</script> 
<form name="theForm" method="post" onsubmit="return submitStuff();"> 
<input name="url" value=""> 
<input type="submit" name="submitButton" value="Submit"> 
</form> 
<iframe id="iFrame" src="http://www.default.com"></iframe>

출처

2012-11-16 21:03:01 Josh

iframe 탐색을 사용하여 텍스트 상자

답변

관련 문제