Как изменить порядок элемента <p>с PHP и MySQL - PullRequest
0 голосов
/ 16 марта 2020

  <?php
 // Create database connection
  $db = mysqli_connect("localhost", "root", "", "image_upload");

  // Initialize message variable
  $msg = "";

  // If upload button is clicked ...
  if (isset($_POST['upload'])) {
    // Get image name
    //$image = $_FILES['image']['name'];
    // Get text
    $image_text = mysqli_real_escape_string($db, $_POST['image_text']);

    // image file directory
    //$target = "images/".basename($image);

    $sql = "INSERT INTO images (image_text) VALUES ('$image_text')";
    // execute query
    mysqli_query($db, $sql);

    /*if (move_uploaded_file($_FILES['image']['tmp_name'], $target)) {
      $msg = "Image uploaded successfully";
    }else{
      $msg = "Failed to upload image";
    }*/
  }

  if(isset($_POST['delete'])){
    $sqldelete = "DELETE FROM images WHERE id_test=0";
    mysqli_query($db, $sqldelete);
  }
  $result = mysqli_query($db, "SELECT * FROM `images`");
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Test</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.16/dist/summernote.min.js"></script>
    <title>Image Upload</title>
  </head>
  <body>
    <div id="content">
      <?php
        while ($row = mysqli_fetch_array($result)) {
          echo "<div id='img_div'>";
            echo "<p>".$row['image_text']."</p>";
          echo "</div>";
        }
      ?>
      <form method="POST" action="testupload.php" enctype="multipart/form-data">
        <input type="hidden" name="size" value="1000000">
        <!--<div>
          <input type="file" name="image">
        </div>-->
        <div>
          <textarea 
            id="text" 
            cols="40" 
            rows="4" 
            name="image_text" 
            placeholder="Say something about this image..."></textarea>
        </div>
        <div>
          <button type="submit" name="upload">POST</button>
          <button type="submit" name="delete">DELETE</button>
        </div>
      </form>
    </div>
    <script>
      $(document).ready(function() {
            $('#text').summernote();
        });
    </script>
  </body>
</html>

Ну, во-первых, простите за мой английский sh (что не ужасно, но не идеально). Это мой первый предмет, поэтому, пожалуйста, будьте снисходительны. Я новичок в PHP.

Хорошо, моя проблема в следующем:

Я получил код в PHP, в котором я добавляю данные (текст) в MySQL база данных (например, случайный текст).

Чтобы заставить ее работать, когда я нажимаю на кнопку, она создает элемент div, с элементом p и, наконец, текст отправлен. Когда я добавляю еще один, он идет под (потому что это создает в следующей строке) может быть, вы поймете с изображением .

Так что мой вопрос, могу ли я сделать это в другой порядок (например, test2: самый последний над test1 (вы должны увидеть картинку, чтобы понять)? Или я могу отобразить ее другим способом?

Спасибо за ответ, я пытаюсь сделать это ясно ...

код не от меня, я взял его из учебника на YouTube здесь часть кода, когда он отображает и здесь основная часть (с sql и everithing). (Не интересует вас в части удаления)

Большое спасибо и извините, если это так очевидно для вас, я много пробовал перед отправкой сообщения, но я Я никогда не видел ответа на подобную проблему ... Если что-то неясно, пожалуйста скажите мне:)

Приятного дня / ночи ...

jQuery и летние заметки добавлено.

1 Ответ

0 голосов
/ 16 марта 2020

Если у вас в таблице есть столбец id, вы можете просто запросить результаты в обратном порядке:

mysqli_query($db, "SELECT * FROM `images` ORDER BY id DESC")

Кстати, я рекомендую вместо PDO mysqli.

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