Как вывести рейтинг фильма с КиноПоиска и IMDb на JavaScript

02015-08-261310114Денис Абдуллин

Наконец-то делимся простым и удобным скриптом для вывода рейтинга фильмов и сериалов. Ранее мы выкладывали версию PHP, на этот раз оно не требуется.

В этом материале описано, как получать текущий рейтинг фильма или сериала с КиноПоиска и IMDB и использовать на своем сайте, только на JavaScript. Все что нужно будет записывать в качестве статичной информации – это ID фильма с КиноПоиска. Да, КиноПоиск сам выдаст свой рейтинг и IMDB. Быстрая загрузка, практичность и важность для сайтов с кино и сериалами.

Также скрипт позволяет вывести количество проголосовавших на КиноПоиск и отдельно IMDb.

Установка

1. Загрузите movieRating.js в файловый менеджер.

2. Страница материала и комментариев к нему, перед </body>:

Код

3. Страница материала и комментариев к нему. Там, где хотите видеть рейтинг:

Код

<div>
<p><strong>КиноПоиск:</strong> <span id="kp_rating">Загрузка...</span> (<span title="Количество голосов" id="kp_num_vote">Загрузка...</span>)</p>
<p><strong>IMDb:</strong> <span id="imdb_rating">Загрузка...</span> (<span title="Количество голосов" id="imdb_num_vote">Загрузка...</span>)</p>
</div>

В дополнительное поле $OTHER1$ добавляете ID фильма с kinopoisk.ru.

Пример

Фильм «Безумный Макс: Дорога ярости», его страница на КиноПоиск: http://www.kinopoisk.ru/film/453406/

453406 – это ID фильма, который нужно добавить в доп. поле.

Скрипт выведет только числа, а то, как оформить блок с рейтингом фильмов, решайте сами. Вариантов масса, можно просто вставить числа, а можно вывести их как какую-то шкалу.

Вот очень хороший пример, правда рейтинг только один:

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

Содержимое movieRating.js:

Код

$.ajax({url:"http://rating.kinopoisk.ru/"+kp_id+".xml",dataType:"xml",success:function(data){$(data).find("rating").each(function(){var kp_rating=$(this).find('kp_rating').html();var kp_num_vote=$(this).find('kp_rating').attr('num_vote');var imdb_rating=$(this).find('imdb_rating').html();var imdb_num_vote=$(this).find('imdb_rating').attr('num_vote');$("#kp_rating").html(kp_rating);$("#kp_num_vote").html(kp_num_vote);$("#imdb_rating").html(imdb_rating);$("#imdb_num_vote").html(imdb_num_vote)})}});

Исправленный код, выводит значение 0, если на сайте kinopoisk у фильма отсутствует рейтинг IMDb:

Код

$.ajax({ url: "http://rating.kinopoisk.ru/" + kp_id + ".xml", dataType: "xml", success: function(data) { $(data).find("rating").each(function() { var kp_rating = $(this).find('kp_rating').html(); var kp_num_vote = $(this).find('kp_rating').attr('num_vote'); var imdb_rating = $(this).find('imdb_rating').html(); var imdb_num_vote = $(this).find('imdb_rating').attr('num_vote'); $("#kp_rating").html(kp_rating); $("#kp_num_vote").html(kp_num_vote); $("#imdb_rating").html(imdb_rating||0); $("#imdb_num_vote").html(imdb_num_vote||0) }) } })

Все вопросы задавайте в комментариях.