2014-07-21 133 views
0

所以我想为我的框架的2种不同大小做一个切换按钮。切换iframe的高度/宽度

我是能够使2个简单的按钮来调整这些简单的功能

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(请忽略比,我只是测试它。)

和按钮..

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

所以,基本上我只想做一个按钮,它会在这两种尺寸之间切换。

我不知道如何努力完成这件事。

我很感激任何帮助。

谢谢。

回答

0

假设你给出的代码工作,你可以做到以下几点:

你的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”很小或大(假设默认大小很大),然后将其切换为其他大小。

+0

这个作品完美无缺,谢谢 – SaKer

+0

不客气,很高兴帮助 –