Комментарии для сайтов

30.03.2014 03:59

Комментарии для сайта

Скрипты

Содержание:

Вашему вниманию предлагаю довольно простой скрипт на основе Ajax с поддержкой базы данных MySQL - комментарии для сайта. Работу скрипта можете посмотреть в самом низу страницы. Скрипт "Комментарии для сайта" работает на всех современных браузерах, а так же на .php и .html страницах с незначительными отличиями. На .php страницах комментрарии добавляются сразу без перезагрузки, а в .html только после обнавления страницы, что особо не является недостатком. Не забудьте учесть тот факт - если вы используете .html, то ваш хостинг обязательно должен поддерживать язык программирования php.

Этот скрипт "Комментарии для сайта" хорошо защищён от пагубного воздействия на базу данных (есть такие "умники"), т.е. любые html-коды (ссылки, скрипты различные, вирусы и т.д.) преобразуются для MySQL в сущности, а при выводе на страницу - наоборот, всё то, что написал пользователь.

Для установки скрипта особых навыков не потребуется, для этого Вам нужно простосделать свой сайт и затем следовать по инструкциям описанным ниже.

Как сделать комментарии на сайте

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

MySQL

Начнём с базы данных: в своей Базе Данных MySQL создаём новую базу с логином от неё и паролем (обязательно записываем эти данные). Затем в созданной базе делаем таблицу. Подробнее: у себя на хостинге заходим в php MyAdmin и нажимаем на созданную базу, она у нас пока пустая (без таблиц). После вверху жмём на SQL и в текстовое поле вставляем следующий код и нажимаете на OK.

Код таблицы для базы SQL:


CREATE TABLE `имя_базы_данных`.`messages` ( `id` INT( 3 ) NOT NULL AUTO_INCREMENT PRIMARY KEY , `author` VARCHAR( 30 ) NOT NULL , `message` TEXT NOT NULL , `date` VARCHAR( 25 ) NOT NULL ) ENGINE = MYISAM CHARACTER SET cp1251 COLLATE cp1251_general_ci;


Где `имя_базы_данных` - прописываете свою базу, а `messages` - это название текущей таблицы.

connect.php

Теперь перейдём к этому файлу для соединения с нашей базой данных. Откройте его в текстовом редакторе и сделайте следующие изменения: $db = mysql_connect("localhost","user","12345");, где "localhost" - в большинстве случаев оставляете как есть, "user" - прописываете свой Логин от базы данных, "12345" - пароль.
А в строке mysql_select_db("test",$db); изменяете "test" на имя вашей базы данных.

html - код

И последнее, пропишем необходимые коды на страницу, где будут находиться ваши комментарии. И начнём с самого начала:
1) В самом верху html страницы пропишите для связи с базой данных код php (этот код нужно писать на всех страницах, где будут комментарии, и если на этой странице у вас уже есть соединение с другой базой, то код нужно прописать непосредственно перед кодом для комментарий):

<?php include ('connect.php');?>

2) Между тегами <head> и </head> прописывем этот код стиля для красивого вывода комментариев:

 


<style> .comment{ border:1px solid #666; margin:10px; padding:10px; font-family:Tahoma; font-size:12px; border-radius:4px; box-shadow:2px 2px 2px #999; } </style>


3) Так же перед закрывающимся тегом </head> напишем следующий код скрипта.

Код скрипта перед тегом </head>:


<script type="text/javascript"> $(function() { $("#send").click(function(){ var author = $("#author").val(); var message = $("#message").val(); $.ajax({ type: "POST", url: "sendMessage.php", data: {"author": author, "message": message}, cache: false, success: function(response){ var messageResp = new Array('Ваше сообщение отправлено','Сообщение не отправлено Ошибка базы данных','Нельзя отправлять пустые сообщения'); var resultStat = messageResp[Number(response)]; if(response == 0){ $("#author").val(""); $("#message").val(""); $("#commentBlock").append("<div class='comment'>Автор: <strong>"+author+"</strong><br>"+message+"</div>"); } $("#resp").text(resultStat).show().delay(1500).fadeOut(800); } }); return false; }); }); </script>


4) И последний код: форма отправки и вывода комментариев на сайте. Вставляете его непосредственно в то место страницы, где будут ваши комментарии.

Код формы и вывода комментарий:


<div id="commentBlock"> <?php $result = mysql_query("SELECT * FROM messages",$db); $comment = mysql_fetch_array($result); do{ echo "<div class='comment'>Автор: <strong>".$comment['author']."</strong><br>".$comment['message']."</div>"; }while($comment = mysql_fetch_array($result)); ?> </div> <form action="sendMessage.php" method="post" name="form"> <p>Автор:<br> <input name="author" type="text" id="author"></p> <p>Текст сообщения:<br> <textarea name="message" rows="5" cols="50" id="message"> </textarea></p> <input name="js" type="hidden" value="no" id="js"> <p><input name="button" type="submit" value="Отправить" id="send"> <span id="resp"></span></p> </form>


И на последок: здесь используется кодировка windows-1251 (кириллица), если у вас стоит другая кодировка, например: utf-8, то вам везде в кодах необходимо её заменить,начиная с самого начала - Базы данных.


Скачать скрипт Комментарии на сайте