Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Уроки по AJAX / Просмотр урока

     

Создание сайтов


Вам нужен небольшой сайт или просто хотите доработать уже существующий? | Подробнее

Звездный рейтинг для статей

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

Пример

Для начала скачиваем все необходимые файлы, преложенные к этому уроку и закидываем все php файлы в корень сайта ну а javascript, css и изображения можно закинуть и в другие папки, главно правильно прописать до них путь (В этом примере javascript будут находится в папке js, css файлы в папке css и изображения в images). Теперь сразу же подключим их на страницу:

<?php require('_drawrating.php'); ?>
<script type="text/javascript" language="javascript" src="js/behavior.js">
</script>

<script type="text/javascript" language="javascript" src="js/rating.js"></script>
<link
rel="stylesheet" type="text/css" href="css/rating.css">

Поскульку наш скрипт использует базу данных то нужно изменить все настройки в файле _config-rating.php на свои. Также для правильного функционирования все статьи должны содержать поле id с уникальным значением. Также к таблице нужно добавить еще несколько полей, в которых будут храниться результаты.

Пример

Теперь в том месте где мы хотим видить наш рейтинг вставляем такую строку

<?php echo rating_bar($id,5); ?>

где id это идентификатор нашей статьи, а 5 это количество отображаемых звезд. Их может быть и больше, например 10. Теперь наши звездочки уже должны появится на странице и полностью функционировать. IP адрес голосовавшего будет заносится в базу данных и повторно он проголосовать не сможет.

Автор: Евгений Бочкарев Урок добавлен: 8 Августа 2010 в 21:03 Просмотров: 17546

Условия копирования материалов сайта

Все комментарии

Посмотреть предыдущие комментарии (66)

#67 Артур 23-04-2013 в 15:30
Здравствуйте. Скажите пожалуйста как сделать, чтобы при голосовании информация была на русском языке? В каком файле можно поменять надписи?
#68 forumroditeley.ru 10-06-2013 в 11:45
А для форума родителей, который на phphBB2, можно установить?
#69 Жека 17-07-2013 в 18:00
Блин у меня есть сайт с анекдотами я хочу под каждым анекдотом выводить рейтинг НО
как только я кликаю по 1-му анекдоту рейтинг работае по 2-му появился лоадер и все....
обновляю страницу и под всеми анекдотами появился тот рейтинг который я кликал на 1-й анекдот
кто-то сталкивался с таким ?
#70 Гість 13-02-2014 в 19:51
Дякую за скрипт. Все прекрасно працює.
#71 Дмитрий 02-07-2014 в 18:57
Все просто отлично, все работает шикарно. Появилась только одна проблемка, но тут же решил ее. Базу данных создал, таблицу создал, в странички вставил php, ну и изменил все на русский язык, чтобы было типа не "Votes" а "Голоса" ну и т.д. Спасибо огромное автору. Еще ко всему этому сделал микроразметку в файлике php. В общем, доволен как слон. Еще раз спасибо! :)
#72 Олег 15-05-2015 в 01:51
А как вставить его в таком виде?
print"<tr>
<td style=\"text-align:left;\"><small>$row[id]</td>
<td class=\"simple-little-table\">
<div class=\"div_img_prev\"><center><a target=\"_blank\" href=\"$row[url]\">$row[opisanie]</a></center><br>
<a target=\"_blank\" class=\"\" title=\"$row[opisanie]\" href=\"$row[url]\"><img src=\"$row[screen]\" alt=\"$row[opisanie]\" width=\"140px\" height=\"85px\"></a>
</small> </div>
</td>
<td class=\"simple-little-table\">
<small>
Статус: <b>$status</b><br>
Наш вклад: <b>$row[mypay]</b><br>
Выплачено: <b>$row[alloutpay]</b> <br>
Посл. выплата: <b>$row[lastoutpay]</b> <br>
Стартовал: <b>$row[startdate]</b><br>
Мониторим c: <b>$row[date]</b><br>
Переходов:<b> 0 $row[click]</b><br>
Рейтинг:<?php echo rating_bar($id,5); ?>


</small></td>
#73 Олег 15-05-2015 в 01:52
может как то можно заменить <?php
#74 Грамматика 08-08-2015 в 11:51
"Наш сайт будЕт"
#75 Грамматика 08-08-2015 в 11:53
"Наш *рейтинг будЕт"
#76 Бо 01-06-2016 в 13:22
Какой то громоский рейтинг
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


Получать уведомления о новых комментариях по Email могут только зарегистрированные пользователи.

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки