-1

ユーザーにラジオのチェックボックスを使用してiframeのサイズを切り替えてもらいたいのですが、どうすればよいですか？

私はそのようなことを試みましたラジオチェックボックスのために私はそれからこのようなことをしました：

<input id="othersize1" type="radio" name="size"reSize(60,400) onclick="" checked="checked" /><label for="othersize1">60x400</label>
<input id="othersize2" type="radio" name="size" onclick="reSize(1280,400)" /><label for="othersize2">1280x400</label>

iframe：

<iframe src="myphphere.php">Your browser don't supports iframes.</iframe>
4

1 に答える 1

0

を使用できますjQuery。

これが私が今作った基本的な例です：

HTML：

<iframe id="iframe1" src="http://meatballcandy.com/wp-content/uploads/2012/09/nicholas-cage-as-et.png">
    <p>Not Supported</p>
</iframe>

<div>
    <input id="item1" type="radio" name="size" value="100" checked="checked" /><label for="item1">100x100</label>
    <input id="item2" type="radio" name="size" value="200" /><label for="item2">200x200</label>
    <input id="item3" type="radio" name="size" value="300" /><label for="item3">300x300</label>
</div>

JAVASCRIPT：

$(document).ready(function(){
    $('input[type="radio"]').click(function(){
        $('#iframe1').css({
            'height': $(this).val() + 'px',  
            'width': $(this).val() + 'px'
        });
    });
});

デモ：http： //jsfiddle.net/dirtyd77/fYP2Z/1/

于 2013-03-26T22:05:39.067 に答える