Jquery и рамка - PullRequest
Новая
       5

Jquery и рамка

0 голосов
/ 06 февраля 2011

У меня есть страница с iframe внутри, поэтому с помощью Jquery я хочу настроить высоту рамки, чтобы она не отображалась на полосе прокрутки страницы, а отображала только полосу прокрутки для рамки ...

У меня также есть заголовок div (с примененной к нему функцией переключения) на этой странице, поэтому мне нужно вычислить также эту высоту (когда она исчезает и когда она видна) ...

Я проверил этот код, и он работает только с Chrome .....

Вот код: 

    var height_body = $('body').height();
    var height_header = $('#header').height(); 
    var height_logomenu = $('#logomenu').height(); 


    $('#frameconcessionaria').attr( 'height', height_body - height_header);

    $('#header').css({'display' : 'none'});

    $('body').css({'background-image' : 'none'});

    $('#logo').click(function() {

        if ($("#header").is(":hidden")) {
            $('#frameconcessionaria').attr( 'height', height_body - (height_header+height_logomenu));
            $("#header").slideDown("800",function() {
                //animation completed
                }   
            );
        } else{ 
            $("#header").slideUp("800",function() {
                $('#frameconcessionaria').attr( 'height', height_body - height_logomenu);
                }   
            );
        }
    });

и html: 

 <body>

<div id="header"></div>
 <!-- IFRAME -->
<iframe src="<?php echo $src; ?>" id="frameconcessionaria" height="500px" width="100%" frameborder="0" scrolling="auto"> This page requires iframe - Questa pagina ha bisogno degli iframe</iframe>
<!-- END IFRAME -->

</body>

1 Ответ

1 голос
/ 06 февраля 2011

У вас есть Firebug? Что не работает точно?

Примечания: Вы можете просто использовать 

$('#header').hide();

вместо 

$('#header').css({'display' : 'none'});

У вас также должен быть этот код 

var resize_frame = function() {
    var height_body = $('body').height();
    var height_header = $('#header').height(); 
    var height_logomenu = $('#logomenu').height();
    $('#frameconcessionaria').attr( 'height', height_body - height_header);
}

в функции, и вызов ее при изменении размера окна, я думаю 

$(window).resize(resize_frame)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...