open Collapse sidebar with same DB id

Question

I'm currently working on the forum section of my website. I followed the link @CBroe suggest me on the comments and implemented offcanvas for my previous problem and now I have this:

<table class="table is-indent changes" id="newsTable">
    <thead>
      <th></th>
      <th></th>
    </thead>
    <tbody>
      <?php foreach($fetchNews as $data):
         echo '<tr class="trNew btnSelect" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" id=\''.$data['id'].'\'>' ?>
         <td class="cell-60 responsive-hide" style="width: 100px;">
            <img class="author width"  src="<?php echo '../../resource/img/users_Initials/' . $data['autore'].'.png' ?>">
          </td>
          <td id="<?php echo $data['id']; ?>">
                <input type="hidden" id="idNew" value="<?php echo $data['id']; ?>" data-value="<?php echo $data['id']; ?>">
                <div class="content">
                    <div class="title" id="title"> <?php echo $data['titolo']; ?> </div>
                <div class="metas">
                    <span class="author"><?php echo $data['autore']; ?> - </span>
                    <span class="data"><?php echo $data['data']; ?></span>
                </div>
              </div>
            <?php endforeach;?>
        </td>
      </tr>
  </tbody>
</table>

And this is the offcanvas the table below open:

 <!--PANEL NEWS-->
   <?php foreach($fetchNews as $data):?>
      <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
         <div class="offcanvas-header">                    
            <h1 id="newsTitolo"><?php echo $data['titolo']??''; ?></h1>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
          </div>
          <div class="offcanvas-body">
               <div class="forum-header">
                     <img class="author width"  src="<?php echo '../../resource/img/users_Initials/' . $data['autore'].'.png' ?>">
                     <span class="name"><?php echo $data['autore']??''; ?></span>
                     <span class="time"><?php echo $data['data']??''; ?></span>
               </div>
               <div class="forum-content">
                    <div id="newsTesto" class="articolo">
                         <?php $Parsedown = new Parsedown();
                         echo  $Parsedown->text(file_get_contents('post/'.$data['titolo'].'/'.$data['titolo'].'.txt')??''); ?>
                    </div>
                    <p> <?php echo $data['allegato']??'';?></p>
                </div>
           </div>
       </div>  
      <?php endforeach;?>                  
     <!--END PANEL NEWS-->

What I basically need to do is display the article with the same ID as the title on the table as this example image: table & panel that by clicking on the first title (ahaaa) it opens the corresponding article.

I tried some stuff like adding $data['id'] on both data-bs-target and data-bs-toggle of the and as id of the offcanvas but it didnt work

open Collapse sidebar with same DB id

0 Answers0