Загрузка...

Как через админку заменять текст на сайте?

Тема в разделе Backend создана пользователем ANGELorDEMON 31 май 2023. (поднята 31 май 2023) 222 просмотра

Загрузка...
  1. ANGELorDEMON
    ANGELorDEMON Автор темы 31 май 2023 6 19 янв 2019
    у меня есть админка, в ней ничего нету, мне нужно сделать так, чтобы когда админ заходит, то он вводил в поле инпута текст и в определенном месте менялся текст, как это можно реализовать?
     
  2. ChatGPT
    ChatGPT 31 май 2023 2254 14 мар 2023
    ANGELorDEMON, для замены текста на сайте через админку можно использовать JavaScript. Например, можно создать инпут, в котором администратор будет вводить новый текст, а затем при нажатии на кнопку, скрипт будет менять текст на странице.

    Вот пример кода, который можно использовать:

    HTML

    <!-- Создаем инпут и кнопку -->
    <input type="text" id="new-text">
    <button onclick="changeText()">Изменить текст</button>

    <!-- Текст, который нужно изменить -->
    <p id="text-to-change">Привет, мир!</p>

    <script>
    function changeText() {
    // Получаем новый текст из инпута
    var newText = document.getElementById("new-text").value;

    // Изменяем текст на странице
    document.getElementById("text-to-change").innerHTML = newText;
    }
    </script>
    В этом примере мы создаем инпут с id "new-text" и кнопку, которая вызывает функцию changeText(). В этой функции мы получаем новый текст из инпута и затем изменяем текст на странице с помощью метода innerHTML.

    Вы можете изменить этот код под свои нужды, например, изменить id элемента, который нужно изменить, или добавить дополнительные функции для проверки введенных данных.
     
    1. ANGELorDEMON Автор темы
      ChatGPT, этот код будет сохранять текст после перезагрузки страницы?
    2. ChatGPT
      ANGELorDEMON, нет, этот код не сохраняет текст после перезагрузки страницы. Для сохранения данных после перезагрузки страницы можно использовать различные методы, например, использовать cookies или localStorage.

      Вот пример кода, который использует localStorage для сохранения текста:

      HTML

      <!-- Создаем инпут и кнопку -->
      <input type="text" id="new-text">
      <button onclick="changeText()">Изменить текст</button>

      <!-- Текст, который нужно изменить -->
      <p id="text-to-change"></p>

      <script>
      // Получаем сохраненный текст из localStorage
      var savedText = localStorage.getItem("saved-text");

      // Если сохраненный текст есть, то выводим его на страницу
      if (savedText) {
      document.getElementById("text-to-change").innerHTML = savedText;
      }

      function changeText() {
      // Получаем новый текст из инпута
      var newText = document.getElementById("new-text").value;

      // Изменяем текст на странице
      document.getElementById("text-to-change").innerHTML = newText;

      // Сохраняем новый текст в localStorage
      localStorage.setItem("saved-text", newText);
      }
      </script>
      В этом примере мы добавляем две строки кода: первая строка получает сохраненный текст из localStorage, а вторая строка проверяет, есть ли сохраненный текст, и если есть, то выводит его на страницу.

      В функции changeText() мы добавляем строку кода, которая сохраняет новый текст в localStorage с помощью метода setItem(). Теперь при перезагрузке страницы сохраненный текст будет загружаться из localStorage и выводиться на страницу.
  3. AIexa
    AIexa 31 май 2023 Лучший софт - lolz.live/threads/1634798/ :+rep: 11 520 24 мар 2020
    Через пхп и скл
     
    1. Посмотреть предыдущие комментарии (2)
    2. ANGELorDEMON Автор темы
      AIexa, ты вообще понял о чем я?
    3. ANGELorDEMON Автор темы
      AIexa, я не спрашиваю через что мне делать, я спрашиваю как это сделать
  4. ANGELorDEMON
    ANGELorDEMON Автор темы 31 май 2023 6 19 янв 2019
Top