fork download
copy 
  1. <div class="container-tabs">
  2.   <div id="horizontalTab" style="display: block; margin: 0px; width: 100%;">
  3.     <ul class="resp-tabs-list">
  4. <?php
  5. $list_channel = "http://w...content-available-to-author-only...e.com/channel/1/,http://w...content-available-to-author-only...e.com/channel/2/,https://w...content-available-to-author-only...e.com/watch?v=ZdP0KM49IVk";
  6.   $channels = [];
  7.   for ($indexchannel = 0; $indexchannel < 5; $indexchannel++) { 
  8.     $channels[] = array(
  9.       'id' => $indexchannel,
  10.       'urls' => $list_channel
  11.     );
  12.   }
  13. ?>
  14.  
  15. <?php
  16. for ($indexchannel = 0; $indexchannel < count($channels); $indexchannel++) {
  17.   $urls = explode(',', $channels[$indexchannel]['urls']);
  18.   for ($indexUrl = 0; $indexUrl < count($urls); $indexUrl++) {
  19. ?>
  20.         <li class="resp-tab-item resp-tab-active"><span data-target="#<?=$indexchannel?>">Option <?=$indexchannel?></span></li>
  21.     <div id="<?=$indexchannel?>" class="resp-tab-content resp-tab-content-active">
  22.     <div class="tab-content">
  23.       <div style="position:relative;width:100%;display:inline-block;">
  24.         <iframe src="<?=$urls[$indexUrl]?>" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
  25.       </div>
  26.     </div>
  27.     </div>
  28. <?php
  29.   }
  30. }
  31. ?>
  32.     </ul>
  33.   </div>
  34. </div>
Success #stdin #stdout 0s 82560KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<div class="container-tabs">
  <div id="horizontalTab" style="display: block; margin: 0px; width: 100%;">
    <ul class="resp-tabs-list">

        <li class="resp-tab-item resp-tab-active"><span data-target="#0">Option 0</span></li>
    <div id="0" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/1/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#0">Option 0</span></li>
    <div id="0" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/2/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#0">Option 0</span></li>
    <div id="0" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="https://w...content-available-to-author-only...e.com/watch?v=ZdP0KM49IVk" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#1">Option 1</span></li>
    <div id="1" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/1/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#1">Option 1</span></li>
    <div id="1" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/2/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#1">Option 1</span></li>
    <div id="1" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="https://w...content-available-to-author-only...e.com/watch?v=ZdP0KM49IVk" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#2">Option 2</span></li>
    <div id="2" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/1/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#2">Option 2</span></li>
    <div id="2" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/2/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#2">Option 2</span></li>
    <div id="2" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="https://w...content-available-to-author-only...e.com/watch?v=ZdP0KM49IVk" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#3">Option 3</span></li>
    <div id="3" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/1/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#3">Option 3</span></li>
    <div id="3" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/2/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#3">Option 3</span></li>
    <div id="3" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="https://w...content-available-to-author-only...e.com/watch?v=ZdP0KM49IVk" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#4">Option 4</span></li>
    <div id="4" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/1/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#4">Option 4</span></li>
    <div id="4" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="http://w...content-available-to-author-only...e.com/channel/2/" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
        <li class="resp-tab-item resp-tab-active"><span data-target="#4">Option 4</span></li>
    <div id="4" class="resp-tab-content resp-tab-content-active">
    <div class="tab-content">
      <div style="position:relative;width:100%;display:inline-block;">
        <iframe src="https://w...content-available-to-author-only...e.com/watch?v=ZdP0KM49IVk" allowfullscreen style="border:none;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
      </div>
    </div>
    </div>
    </ul>
  </div>
</div>
https://ideone.com/ygTn7j
language:
PHP (php 7.3.5)
created:
5 years ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!