Кнопка Назад как в файловом браузере - PullRequest
1 голос
/ 21 февраля 2020

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

Вот мой код для системы управления документами:

index. php

  <main class="page-content">
    <div class="container-fluid">
      <div class="breadcrumb">
          <div class="item"><a href="index.php"> Document</a></div>
      </div>

      <div class="load-data">
        <?php
          require_once 'config.php';
          $sql = "SELECT * FROM tbl_menu WHERE parent='0' ORDER BY sort ASC";

          $folders = $db->prepare($sql);
          $folders->execute();
          $folder = $folders->fetchAll();

          if ($folder) {
              echo "<table>";
                  echo "<thead>
                          <tr>
                              <td>Label</td>
                              <td>Sort</td>
                              <td>Id</td>
                          </tr>
                      </thead>";
                  foreach ($folder as $folderr) {
                  echo    "<tr class='folder-item'>";
                        if($folder['link'] == 'folder'){
                          echo" <td><i class'fa fa-folder'><a href='#' onclick='get_data(".$folderr['id'].")'>".$folderr['label']."</a></td>";
                        }else{
                          echo" <td><i class='fa fa-file'></i><a href='#' onclick='get_data(".$folderr['id'].")'>".$folderr['label']."</a></td>";
                        }
                        echo"      <td>".$folderr['sort']."</td>
                              <td>".$folderr['id']."</td>
                          </tr>";
                  }
              echo "</table>";
          } else {
            echo 'No folder/files found.';
          }

        ?>
      </div>
    </div>
  </main>
</div>

вот скрипт

    <script>
        function get_data(id){
            $.ajax({
                type : 'GET',
                url : 'file.php',
                data : 'folder=' + id,
                success : function(response){
                    $('.load-data').html(response);
                }
            });
        }

        $('.folder-item a').on('click', function() {
            var $this = $(this),
                $bc = $('<div class="item"></div>');

            $this.parents('td').each(function(n, td) {
                var $a = $(td).children('a').clone();
                $bc.append(' > ', $a);
            });
              $('.breadcrumb').html( $bc.prepend('<a href="index.php">Document</a>') );
              return false;
          }); 
    </script>

вот файл. php

     <?php 
        require_once 'config.php';

        if(isset($_GET['folder'])){
            $id = $_GET['folder'];

            $sql = "SELECT * FROM tbl_menu WHERE parent='$id' ORDER BY sort ASC";

            $folders = $db->prepare($sql);
            $folders->execute();
            $folder = $folders->fetchAll();

            if ($folder) {
                echo "<table>";
                    echo "<thead>
                            <tr>
                                <td>Label</td>
                                <td>Sort</td>
                                <td>Id</td>
                            </tr>
                        </thead>";
                    foreach ($folder as $folderr) {
                        echo    "<tr>";
                        if($folder['link'] == 'folder'){
                          echo" <td><i class'fa fa-folder'><a href='#' onclick='get_data(".$folderr['id'].")'>".$folderr['label']."</a></td>";
                        }else{
                          echo" <td><i class='fa fa-file'></i><a href='#' onclick='get_data(".$folderr['id'].")'>".$folderr['label']."</a></td>";
                        }
                        echo"      <td>".$folderr['sort']."</td>
                              <td>".$folderr['id']."</td>
                          </tr>";
                    }
                echo "</table>";
            } else {

                echo 'No folder/files found.';

            }
        } 

        ?>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...