Как скрыть пустой файл div, если в фрейме нет URL?

Question

Быстрый вопрос, как скрыть этот код в php: если в «src» нет ничего, что нужно показать или нет ссылки, или неизвестно?

Проблема в том, что <div class="resp-container"> в .css имеют padding-top: 56.25%;.Все поля имеют отступы, даже если iframe пуст.

Надеюсь, мои объяснения понятны вам, ребята, и мне жаль, если это немного сложно объяснить.

Чтобы понять, что язначит, это моя текущая веб-страница с проблемой: https://donpramis.com/timeline/

<div class="resp-container">
<iframe class="resp-iframe" src=(unknown) frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
</div>

Вот полный код:

<div class="container">
   <h3 align="center"><a href="">Timeline (Beta)</a></a></h3><br />
   <div class="panel panel-default">
    <div class="panel-heading">
                    <h3 class="panel-title">My Journey</h3>
                </div>
                <div class="panel-body timeline-body">
                 <div class="timeline">
                  <div class="timeline__wrap">
                   <div class="timeline__items">
                   <?php 
                   foreach($result as $row)
                   {
                   ?>
                    <div class="timeline__item">
                     <div class="timeline__content">
                      <h2><?php echo $row["year"]; ?></h2>                   
                      <p><?php echo $row["comment"];?></p>
                      <p><a href="<?php echo $row["website"];?>"><?php echo $row["Site_Description"];?></a></p> 

<div id="resp-container">
<iframe class="resp-iframe" src="<?php echo $row["iframe_video"];?>" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
</div>
<img class="img-responsive" src="<?php echo $row["timelime_image"];?>" alt="" />

                     </div>
                    </div>                                         
                   <?php
                   }
                   ?>
                   </div>
                  </div>
                 </div>
                </div>
   </div>
  </div>

Answer 1

Используйте jQuery для проверки содержимого внутри Iframe. Если контент не существует, используйте hide (), чтобы скрыть респ-контейнер;

if(!$("#iframeid").contents().find("body").length) {

   $('.resp-container').hide();

}

Answer 2

Сначала вам нужно проверить данные. для проверки вы можете использовать пустую функцию проверки if(empty($row["iframe_video"]). здесь код.

<div id="resp-container">
    <?php if (empty($row["iframe_video"]) || $row["iframe_video"] != 'unknown'): ?>
        <iframe class="resp-iframe" src="<?php echo $row["iframe_video"];?>" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
    <?php endif ?>
</div>

Answer 3

Вы можете добавить Div с iframe после проверки значения для src.Например:

<?php if($row['iframe_video']!='' && $row['iframe_video']!='unknown') echo '<div id="resp-container">
<iframe class="resp-iframe" src="'. $row["iframe_video"].'" frameborder="0" sandbox="allow-same-origin allow-scripts" allowfullscreen="allowfullscreen"></iframe>
</div>'; ?>