Блог

Главная - Вопросы по программированию - Система регистрации HTML с javascript или, может быть, php

Система регистрации HTML с javascript или, может быть, php

#javascript #php #html #css #apache

#javascript #php #HTML #css #apache

Вопрос:

Привет, я попытался создать системную панель журнала на своем веб-сайте. Код работает нормально, потому что, если вы введете текст в поле ввода, он появится. Но если вы перезагрузите страницу, она исчезнет. Так что моя проблема — это исчезающий текст. Я хочу делать это, когда набираю текст, чтобы он не исчезал при обновлении страницы. Есть идеи, как это сделать? Также я хочу сделать это, если вы введете текст в поле ввода и нажмете кнопку добавить, введенный вами текст появится на другой странице. Я имею в виду, что есть страница в /log/edit/index.html и текст должен появиться на /log/view/index.html сайт. Я знаю, что это в принципе невыполнимая задача, но я думаю, что это может быть возможно, если текст, который вы ввели в текстовое поле, перейдет в файл .txt и сохраните его в /log/logs.txt затем /log/view/index.html считывает его и показывает текст из текстового файла. Я надеюсь, вы понимаете кое-что из того, что я хочу сказать Здесь, в кодексе:

 function newElement() {
  var li = document.createElement("li");
  var inputValue = document.getElementById("myInput").value;
  var t = document.createTextNode(inputValue);
  li.appendChild(t);
  if (inputValue === '') {
    alert("Invalid log! You must write something");
  } else {
    document.getElementById("myUL").appendChild(li);
  }
  document.getElementById("myInput").value = "";
} 
 ul {
margin: 0;
padding: 0;
}

/* Style the list items */
ul li {
cursor: pointer;
position: relative;
padding: 12px 8px 12px 40px;
list-style-type: none;
background: #eee;
font-size: 18px;
transition: 0.2s;

/* make the list items unselectable */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Set all odd list items to a different color (zebra-stripes) */
ul li:nth-child(odd) {
background: #f9f9f9;
}

/* Darker background-color on hover */
ul li:hover {
background: #ddd;
}

/* Style the header */
.header {
background-color: #0d1426;
padding: 30px 40px;
color: white;
text-align: center;
}

/* Clear floats after the header */
.header:after {
content: "";
display: table;
clear: both;
}

/* Style the input */
input {
margin: 0;
border: none;
border-radius: 0;
width: 75%;
padding: 11px;
float: left;
font-size: 16px;
}

/* Style the "Add" button */
.addBtn {
padding: 13px;
width: 250px;
background: #d9d9d9;
color: #555;
float: left;
text-align: center;
font-size: 16px;
cursor: pointer;
transition: 0.3s;
border-radius: 0;
border-bottom: 1px solid transparent;
}

.addBtn:hover {
background-color: #bbb;
} 
     <div class="addlog">
        <div id="myDIV" class="header">
          <h2 style="margin:5px">Update Logs</h2>
          <input type="text" id="myInput" placeholder="Log" maxlength="112">
          <span onclick="newElement()" class="addBtn">Add</span>
        </div>

        <ul id="myUL">

        </ul>
    </div>

Ответ №1:

Если вы хотите сохранить журнал в текстовый файл, то проверьте это и https://www.geeksforgeeks.org/javascript-program-to-write-data-in-a-text-file /

Ответ №2:

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

Метки: