1.Вставляем этот код между <head></head>
Code
<script type="text/javascript" src="путь до скрипта/ad_rating.js"></script>
2.Установка формы и звездочек:
Откройте редактирование скрипта в файловом менеджере (можно
отредактировать скрипт ещё до загрузки на сайт) и пропишите адрес папки
со звездочками на вашем сайте. Если вам понравились мои звездочки,
можете вообще в скрипте ничего не менять! Так же в скрипте можно
настроить появление текстового описания (true/false) и название каждой
из 5 оценок. Затем откройте шаблон "вид материалов" нужного из 7
поддерживаемых скриптом модулей (доска объявлений, новости, блог,
каталог файлов, каталог статей, каталог фотографий, каталог сайтов) и в
то место, где у вас должна стоять форма рейтинга, вставьте код:
Code
<style>
.ratingWrapper {text-align:left;width:150px;height:12px;color:#999999;font-size:10px;font-family:trebuchet MS,arial,verdana;}
.ratingWrapper img {border:none;cursor:pointer;vertical-align: middle;}
.ratingText {float:right;font-weight:bold;}
</style>
<div class="ratingWrapper">
<img src="http://studioad.ru/images/stars/off.png" id="$ID$1" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img
src="http://studioad.ru/images/stars/off.png" id="$ID$2" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img
src="http://studioad.ru/images/stars/off.png" id="$ID$3" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img
src="http://studioad.ru/images/stars/off.png" id="$ID$4" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img
src="http://studioad.ru/images/stars/off.png" id="$ID$5" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><span class="ratingText"
id="$ID$rt">Твой голос!</span>
</div>
<script>
set($RATING_NUM$,$ID$,"blog");
</script>
3.В данном коде необходимо изменить адреса картинок (в 5 местах) на
картинки на вашем сайте (или оставьте всё как есть, если хотите
использовать мои звездочки) и ОБЯЗАТЕЛЬНО указать в строке
set($RATING_NUM$,$ID$,"blog"); название модуля в который вы
устанавливаете скрипт, маленькими буквами в кавычках (одно из: blog,
dir, board, load, news, publ, photo). Вот в принципе и всё.
================================================
Возможные варианты ошибок:
1. Звезды отображаются, но не отображается текущий рейтинг и не реагирует на нажатия и проведение мышки.
Причина: убедитесь что вы указали название модуля, в котором размещен
скрипт! Убедитесь что вы правильно подключили скрипт на страницу.
Проверьте правильность вставки кода.
2. Звезды и текущий
рейтинг появились, но не реагируют /не правильно реагируют на наведение
мыши, не происходит голосование при клике.
Причина: убедитесь,
что шаблон, в который вы вставляете скрипт, поддерживает условные коды
$ RATING_NUM $ и $ ID $ - если в списке шаблона нет одного из этих
кодов, значит голосование в нем не возможно и вы вставляете скрипт не
туда.
3. Звезды распологаются в 2 строчки, в столбик.
Причина: это может происходить в том случае, если вы используете свои
звезды большего размера, или если вы назначили оценкам длинные записи.
Чтобы исправить ошибку, увеличте ширину блока .ratingWrapper.
4. Меня раздражают эти мелькающие названия оценок, как их убрать совсем?
Решение: для начала в скрипте напишите false в параметре words, затем
из кода, который необходимо вставлять в "вид материалов" удалите строку
<span class="ratingText" id="$ID$rt">Твой голос!</span>
Подсветка кода от StudioAD
Показать выделенный код в новом окне
Затем отрегулируйте ширину .ratingWrapper.
Скрипт написан на чистом js , проверен и работает в Google Chrome,
Safari, Mozilla FF, IE7 (5-6), Opera. Скрипт - opensource. Библиотек не
использует.
Меню сайта
Меню сайта
