iframe의 높이/너비를 전환하십시오

Question

그래서 두 가지 크기의 프레임에 대해 토글 버튼을 만들고 싶습니다.

나는 (나는 단지 그것을 테스트하고있어, 비율을 무시하시기 바랍니다.)

그리고 버튼의 간단한 기능

function changeframe_big() 
{ 
    document.getElementById('frame').width = 1000; 
    document.getElementById('frame').height = 600; 
} 



function changeframe_small() 
{ 
    document.getElementById('frame').width = 640; 
    document.getElementById('frame').height = 360; 
} 

와 iframe을 크기를 조정하기위한 2 개 간단한 버튼을 만들 수 있었다 ..

<button id="change_big" onClick="changeframe_big()">BIG</button> 
<button id="change_small" onClick="changeframe_small()">SMALL</button> 

그래서 기본적으로이 두 가지 크기를 전환하는 하나의 버튼 만 만들고 싶습니다.

저는이 일을하기 위해 어떻게 든 어려움을 겪고 있습니다.

감사합니다.

감사합니다.

Answer 1

하여 주어진 코드가 작동한다고 가정하면 다음 작업을 수행 할 수 있습니다 :

당신의 HTML :

<button id="toggle" onClick="toggle()">Toggle</button> 

당신의 JS :이 코드가하는 기본적

var small=false; 
function toggle() 
{ 
    if(small){ 
     document.getElementById('frame').width = 1000; 
     document.getElementById('frame').height = 600; 
     small=false; 
     } 
    else{ 
     document.getElementById('frame').width = 640; 
     document.getElementById('frame').height = 360; 
     small=true; 
     } 
} 

무엇 "#frame"이 작은 지 확인합니다. 또는 큰 (기본 크기가 크다고 가정)을 입력 한 다음 다른 크기로 토글합니다.