За последние 24 часа нас посетили 9288 программистов и 464 робота. Сейчас ищут 122 программиста ...

Переписать код - вывод в табы

Тема в разделе "PHP Free-Lance", создана пользователем greenzlat, 21 сен 2020.

  1. greenzlat

    greenzlat Активный пользователь

    С нами с:
    27 апр 2008
    Сообщения:
    251
    Симпатии:
    0
    Есть определенный код:
    PHP:
    1. <?php
    2. $group='';
    3. $next=0;
    4. if(empty($links[0]['group'])) {?>
    5. <div class="container-unit">
    6.   <div class="title">Метки: </div>
    7.   <div class="subcategories">
    8.     <?php } foreach($links as $link){
    9.       $next++;
    10.       if($group !== $link['group']) {
    11.         if($next>1) {
    12.                 ?>
    13.   </div>
    14.   <div class="button">
    15.     <a href="#" data-behaviour="toggle-tag-cloud" class="toggle item_link"></a>
    16.   </div>
    17. </div>
    18. <?php } ?>
    19. <div class="container-unit">
    20.   <div class="title">
    21.     <?= $link['group']?>:</div>
    22.   <div class="subcategories">
    23.     <?php $group = $link['group']; } ?>
    24.     <a class="tag" data-linkid="<?= $link['link_id'] ?>" href="<?= $link['link'] ?>"><?= $link['anchor'] ?></a>
    25.     <?php if($next == count($links)) { ?>
    26.   </div>
    27.   <div class="button">
    28.     <a href="#" data-behaviour="toggle-tag-cloud" class="toggle item_link"></a>
    29.   </div>
    30. </div>
    31. <?php }
    32. } ?>
    На выходе получается такое:
    HTML:
    1. <div class="container-unit">
    2.     <div class="title">Группа 1</div>
    3.     <div class="subcategories">
    4.       <a class="tag" data-linkid="666" href="link1">тег1</a>
    5.       <a class="tag" data-linkid="667" href="link2">тег2</a>
    6.       <a class="tag" data-linkid="668" href="link3">тег3</a>
    7.     </div>
    8.     <div class="button">
    9.       <a href="#" data-behaviour="toggle-tag-cloud" class="toggle item_link"></a>
    10.     </div>
    11.   </div>
    12.   <div class="container-unit">
    13.     <div class="title">Группа 2</div>
    14.     <div class="subcategories">
    15.       <a class="tag" data-linkid="669" href="link4">тег4</a>
    16.       <a class="tag" data-linkid="670" href="link5">тег5</a>
    17.       <a class="tag" data-linkid="671" href="link6">тег6</a>
    18.     </div>
    19.     <div class="button">
    20.       <a href="#" data-behaviour="toggle-tag-cloud" class="toggle item_link"></a>
    21.     </div>
    22.   </div>
    23.   <div class="container-unit">
    24.     <div class="title">Группа 3</div>
    25.     <div class="subcategories">
    26.       <a class="tag" data-linkid="672" href="link7">тег7</a>
    27.       <a class="tag" data-linkid="673" href="link8">тег8</a>
    28.       <a class="tag" data-linkid="674" href="link9">тег9</a>
    29.     </div>
    30.     <div class="button">
    31.       <a href="#" data-behaviour="toggle-tag-cloud" class="toggle item_link"></a>
    32.     </div>
    33.   </div>
    Необходимо все это сформировать в табы.
    HTML:
    1.  
    2. <ul class="nav nav-tabs">
    3.   <li class="active"><a data-toggle="tab" href="#panel1">группа 1</a></li>
    4.   <li><a data-toggle="tab" href="#panel2">группа 2</a></li>
    5.   <li><a data-toggle="tab" href="#panel3">группа 3</a></li>
    6. </ul>
    7. <div class="tab-content">
    8.   <div id="panel1" class="tab-pane fade in active">
    9.     <div class="subcategories">
    10.       <a class="tag" data-linkid="666" href="link1">тег1</a>
    11.       <a class="tag" data-linkid="667" href="link2">тег2</a>
    12.       <a class="tag" data-linkid="668" href="link3">тег3</a>
    13.     </div>  </div>
    14.   <div id="panel2" class="tab-pane fade">
    15.     <div class="subcategories">
    16.       <a class="tag" data-linkid="669" href="link4">тег4</a>
    17.       <a class="tag" data-linkid="670" href="link5">тег5</a>
    18.       <a class="tag" data-linkid="671" href="link6">тег6</a>
    19.     </div>
    20.   </div>
    21.   <div id="panel3" class="tab-pane fade">
    22.     <div class="subcategories">
    23.       <a class="tag" data-linkid="672" href="link4">тег7</a>
    24.       <a class="tag" data-linkid="673" href="link5">тег8</a>
    25.       <a class="tag" data-linkid="674" href="link6">тег9</a>
    26.     </div>
    27.   </div>
    28. </div>
    29.  
    Структура таблицы БД такая.
    upload_2020-9-21_8-25-53.png

    От вас цена и сроки?