Добавить комментарии к статическим веб-страницам

Хотите узнать, что читатели думают о вашей статье? Можно установить полную систему управления содержанием, потратить несколько недель на перемещение страниц и добиться того, чтобы система выглядела так, как до сих пор был ваш сайт, или использовать специальный инструмент, который легко установить и работать самостоятельно.

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

Для первой демонстрации читатель может ввести простой комментарий и сохранить его в файле demo-comment.xml, затем эта страница загружается, XML-файл загружается скриптом Ajax, а содержимое анализируется и отображается внизу страницы.

Вот код, который сканирует XML-файл методами DOM getElementByTagName () и getElentById ().

function processData(doc)
{ 
  var element = doc.getElementsByTagName('login').item(0);
  document.getElementById("login").innerHTML= element.firstChild.data; 
  document.getElementById("comment").innerHTML= 
    doc.getElementsByTagName('comment').item(0).firstChild.data; 
} 

Добавить комментарий на страницу, демонстрация

В реальном приложении сначала запрашиваются логин и пароль, комментарий будет добавлен в XML-файл с предыдущими комментариями, а содержимое этого файла динамически добавляется на веб-страницу при его загрузке. Для каждого комментария создаются рамки.
Полный менеджер для просмотра и удаления комментариев будет доступен позже для завершения работы инструмента.
Шаблон страниц должен включать сценарий JavaScript.

1. Введите логин (введите что угодно) и добавьте комментарий в форму.
   Нажмите кнопку «Добавить комментарий».
2. Страница загружается, а логин и комментарий вставляются в рамку внизу страницы.

Демонстрация загрузки

Исходные коды демонстрации:

• Просмотр файла JavaScript
• См. генератор XML-файлов

Комментарии и несколько пользователей

Следующий шаг - поддержка нескольких комментариев разными пользователями. XML-файл для хранения комментариев имеет следующий формат:

<comments>
  <comment login="" post=""/>
  ...
</comments> 

При создании файла используются функции объекта DOMDocument PHP 5:

$fname="demo-comment.xml";

$doc = new DOMDocument("1.0", "UTF-8");
$doc->load($fname);
$list=$doc->getElementsByTagName("comments")->item(0);
$comtag= $doc->createElement("comment");
$list->appendChild($comtag);
$comtag->setAttribute("login", $login);
$comtag->setAttribute("post", $comment);

$doc->save($fname);

Файл JavaScript извлекает содержимое для загрузки страницы с помощью функции Ajax и переносит XML-данные в таблицу.

function checkComments(xcontent)
{
  var dnl = xcontent.getElementsByTagName("comment");
  var arr = new Array();
  for(i=0;i< dnl.length;i++)
  {
    var e = dnl.item(i);
    var login = unescape(e.getAttribute("login"));
    var comment = unescape(e.getAttribute("post"));
    arr[i] = new Array(login, comment);
  }
  return arr;
}

Полный исходный код находится в архиве.

• Загрузить архив zip с несколькими комментариями.