Изменение размера iframe между двумя панелями статической ширины - с помощью jQuery - PullRequest
Новая
       34

Изменение размера iframe между двумя панелями статической ширины - с помощью jQuery

0 голосов
/ 24 января 2012

У меня есть установка с двумя боковыми панелями, одна как float: left и одна как float: right и iframe между ними.Я хочу, чтобы две боковые панели всегда имели ширину 150 пикселей, а фрейм занимал всю оставшуюся страницу.Я пытаюсь сделать это, используя jQuery для создания функций, которые динамически изменяют ширину iframe при изменении размера окна, но это не работает.Вот что у меня есть: 

<body>

...

<script src="jquery.js">

        function setFrameSize() {
            $("#ifrm").width($(window).width() - $("#leftPanel").width() - $("#rightPanel").width());
        }

        $(window).resize(function() { setFrameSize(); });

        $(document).ready(function() { setFrameSize(); });

        </script>

...
</body>

Может кто-нибудь сказать мне, почему это не работает?Спасибо!

1 Ответ

1 голос
/ 24 января 2012

Гораздо лучше сделать это с помощью CSS:

http://jsfiddle.net/7pbJb/

HTML: 

<div id="left"></div>
<div id="center"></div>
<div id="right"></div>

CSS: 

div{
    position:fixed;
    height:500px;}
#left{
    background:blue;
    left:0px;
    width:150px;
}
#center{
    background:green;
    right:150px;
    left:150px;
}
#right{
    background:orange;
    right:0px;
    width:150px;
}

Настройкалевая и правая позиции центрального делителя вызывают его растяжение.

...