Автоизменение высоты iframe по его содержимому

serguspl · 26 янв 2015

Высота задается конкретно в px. Как ее задать в %?
Или какие другие решения есть?

$iD · 26 янв 2015

Пример:
http://webformyself.com/zastavte-vstroennyj-kontent-rabotat-v-adaptivnom-dizajne/

serguspl · 26 янв 2015

Все равно появляется скроллинг
http://test.sport-time.tk/

Спойлер скрин

Gevano · 26 янв 2015

У вас полюбому будет скролл так как высота указана фиксированно, а в настройках скрипта который выводит iframe надо указать чтобы высота высчитывалась автоматически в зависимости от контента внутри. Я так понял, что у вас динамически подгружается какая-то таблица с данными и высота может меняться.

<iframe id="iframe" width="320" height="240" frameborder="0" scrolling="no" src="/index.html" allowtransparency="true" onload="window.parent.scrollTo(0,0)" border: none;"></iframe>

И в этом же коде после того как уже объявлена высота перед border еще раз выводится ширина и высота только уже с подсчетом пространства блока внутри.

serguspl · 26 янв 2015

Gevano, так тоже не резиновая высота и ширина...

Gevano · 26 янв 2015

Я как пример привел параметров окна без скрола. На самом деле полный код должен быть примерно таким:

<iframe id="example" width="320" height="240" frameborder="0" scrolling="" src="http://site.com/form.html" allowtransparency="true" onload="window.parent.scrollTo(0,0)" style="width: 100%; height: 1390px; border: none;">

Как видите здесь указаны два раза параметры высоты и ширины. Второй раз как inline стиль. Эта высота подставляется из расчета высоты блока, у меня он 1390px

serguspl · 26 янв 2015

Gevano, но это не резиновая высота...

Gevano · 26 янв 2015

Да, не резиновая, я уже писал, что высота должна указываться фиксированно. Почему? Да потому что во фрейм подгружается по сути еще один сайт со структурой
<html>

<head>
</head>

<body>
</body>

</html>
и скрипт должен понимать что вообще брать в качестве высоты.

Попробуйте вместо:
height: 1390px;
Прописать например: min-height: 2000px;
Да и у вас кодировка слетела, используйте редактор UTF-8 без BOM

serguspl · 27 янв 2015

Gevano, дело в том что мне нужно авто изменения высоты.. если это не возможно - тогда буду делать со скроллингом (

Gevano · 28 янв 2015

А вы iframe откуда выводите, откуда этот шаблон вообще подгружается? Может в этом шаблоне сделать блок резиновым? Ну или если есть доступ к коду посмотрите настройки в скриптах. Как-то же оно настраивается.

serguspl · 28 янв 2015

Есть php парсер - парсит онлай трансляцию матча, с автообновлением самого блока. Выводит информацию табличкой (резиновой).
Этот парсер лежит на том самом сервере, есть доступ.
Так как под joomla не нашел другого решения, думаю через iframe делать...но както не получается пока что.
Вот код парсера.
Спойлер index.html
HTML:
<html> 
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
<script type="text/javascript" src="jquery-2.1.1.js"></script> 
    <script> 
        function show() 
        { 
            $.ajax({ 
                url: "index.php", 
                cache: false, 
                success: function(html){ 
                    $("#contentfff").html(html); 
                } 
            }); 
        } 
    
        $(document).ready(function(){ 
            show(); 
            setInterval('show()',60000); 
        }); 
    </script>
</head> 
<body>   
<div class="f1">
    <div id="contentfff"></div> 
</div>       
</body> 
</html> 
Спойлер index.php

PHP:

<style type="text/css"> table { width:100%; } </style> <meta name="viewport" content="width=device-width; initial-scale=1"> <?php require 'vendor/autoload.php'; use Goutte\Client; $config = array( 'url' => 'http://football24.ua/football/onlineGame.do?objectId=14869', 'selectort' => '#online-game-actions-list-table tr .leftCell tr .action-time-cell', 'selector' => '#online-game-actions-list-table tr .rightCell .player-action-description' ); $client = new Client(); $crawler = $client->request('GET', $config['url']); $resultt = array(); $resultt = $crawler->filter($config['selectort'])->each(function($node) { return trim($node->text()); }); $result = array(); $result = $crawler->filter($config['selector'])->each(function($node) { return trim($node->text()); }); echo "<table ><tbody>"; for ($i = 0; $i <= count($result); $i++) { echo "<tr><td>".$resultt[$i]."</td><td>".$result[$i]."</td></tr>"; } echo "</tbody></table>"; ?>

Войти или зарегистрироваться

Автоизменение высоты iframe по его содержимому

serguspl

$iD Команда форума

serguspl

Gevano

serguspl

Gevano

serguspl

Gevano

serguspl

Gevano

serguspl