2015-12-07 2 views
0

мой мозг вот-вот рухнет и не может получить это ... ¿может ли кто-нибудь мне помочь?Динамическая подача iframe и получить высоту

Я пытаюсь создать страницу, где содержимое загружается динамически в # section-master iframe, который скользит вверх и вниз, чтобы скрыть старый контент/показать новый контент, когда я нажимаю кнопки меню (a.launcher). Proble, что я не могу получить от правильной высоты Динамично контента нагруженных «мастер-секции»

код index.php выглядит так:

<div> 
     <a data-url="main-about.php" href="#" class="launcher">ABOUT</a> 
     <a href="#contacts" class="scroll-to animated bounceInDown">CONTACT</a> 
     <a data-url="main-home.php" href="#" class="launcher">HOME </a> 
     <a data-url="main-works.php" href="#" class="launcher">WORKS</a> 
</div> 


    <section id="section-master"> 
     <div class="accordion" 
      <iframe onload="setIframeHeight(this.id)" width="100%" frameborder="0" id="master-iframe" name="master-iframe" src="main-home.php" </iframe> 
     </div> 
    </section> 

И это, как я пытаюсь чтобы получить эффект

get_div_height(); 
    $(".launcher").each(function(){ 
    var el = $(this); 
    el.click(function() { 
     get_div_height(); 
     alert(get_div_height); 
     $('#section-master').animate({marginTop: -div_height}).delay(300).queue(function (next) { 
      $("#master-iframe").attr("src", el.data('url')); 
      next(); 
     }).queue(function (next) { 
      $('#section-master').animate({marginTop: 0}); 
      next(); 
     }); 
    }) 
}); 
function get_div_height(){ 
    var div_height = $('#section-master').height(); 
} 
+1

Что ваш вопрос? –

+0

А где отношение к php? – Epodax

+0

К сожалению, этот тег php был по ошибке;) thnks – Staranco

ответ

0

Большое спасибо за вашу помощь. Я получил решение всего через несколько минут после этого. Дать код здесь только в том случае полезно кому-то:

Позвонила get_div_height работать каждый раз, когда #section_master называли и то он;)

// Launch content into iframe 

$("#section-master").load(function(){ 
    get_div_height(); 
}); 

$(".launcher").each(function(){ 
    var el = $(this); 
    el.click(function() { 
     var sHeight = $('#section-master').height(); 
     $('#section-master').animate({marginTop: -sHeight}).delay(300).queue(function (next) { 
      $("#master-iframe").attr("src", el.data('url')); 
      next(); 
     }).queue(function (next) { 
      $('#section-master').animate({marginTop: 0}); 
      next(); 
     }); 
    }) 
}); 

function get_div_height(){ 
    var div_height = $('#section-master').height(); 
} 
Смежные вопросы