ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Рабочий рейтинг с KinoPoisk и IMDb для uCoz

Рабочий рейтинг с KinoPoisk и IMDb для uCoz

Рабочий рейтинг с KinoPoisk и IMDb для uCoz
Новый в красивом оформление рабочий скрипт рейтинга, где также выводит IMDb, который создан совместно с внутренним рейтингом для сайта uCoz. Также нужно заметить, что в материале присутствует совершенно отдельно рейтинга, что идет от кино поиска и IMDb, где не присутствует уже внутренние операторы, которые выводят свой внутренний рейтинг и аналогично с ним IMDb.

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

Также если касаться стилистики, то все оформление на CSS заточено, если что-то по цветовой гамме изменять, то не нужно лести в код, так как там все уже настроено и проверено на сайте, где изображение можете посмотреть, как приему на темном формате такой рейтинг выглядит.

В рабочем виде:

Вывод рейтинга с кинопоиска

1. Набор из внутреннего рейтинга и рейтингов KinoPoisk и IMDb

Установка скрипта:

Туда где хотим видеть вывод рейтинга ставим код.

JS

Код
<script>
var KP_SITE_ID = $OTHER1$;
var getFilmRatingDataPAGE = function getFilmRatingDataPAGE(element, idt, callback) {
var id = element ? element.data('filmid') : idt;
$.ajax({ method: 'GET', url: 'https://api.allorigins.win/raw?url=https://rating.kinopoisk.ru/' + id + '.xml', success: function success(data) { callback(element, data); }, error: function error() {
$.ajax({ url: 'http://query.yahooapis.com/v1/public/yql', jsonp: "callback", dataType: "jsonp", data: { q: 'select * from xml where url="https://rating.kinopoisk.ru/' + id + '.xml"', format: 'xml' }, success: function success(data) {
if (data.results[0]) { callback(element, data.results[0]); } } }); } }); };
var renderFilmPageRatingDataPAGE = function(element, data) {
$('#imdb_num_vote').text($(data).find('imdb_rating').attr('num_vote').replace(/(\d)(?=(\d{3})+$)/g, '$1 '));
$('#imdb-page-rating').text($(data).find('imdb_rating').text()).prop('title', 'Голосов: ' + $(data).find('imdb_rating').attr('num_vote').replace(/(\d)(?=(\d{3})+$)/g, '$1 ')); };
if (KP_SITE_ID) { getFilmRatingDataPAGE(false, KP_SITE_ID, renderFilmPageRatingDataPAGE); }
var renderFilmPageRatingDataPAGE = function(element, data) {
$('#kp_num_vote').text($(data).find('kp_rating').attr('num_vote').replace(/(\d)(?=(\d{3})+$)/g, '$1 '));
$('#kp-page-rating').text($(data).find('kp_rating').text()).prop('title', 'Голосов: ' + $(data).find('kp_rating').attr('num_vote').replace(/(\d)(?=(\d{3})+$)/g, '$1 ')); };
if (KP_SITE_ID) { getFilmRatingDataPAGE(false, KP_SITE_ID, renderFilmPageRatingDataPAGE); }
</script>

HTML

Код
<div class="relatedi rates">
<div class="rating">
<div class="rat" data-count="$RATING$" data-name="Рейтинг"></div>
<span class="ret">
<script src="http://zornet.ru/ABVUN/Abas/rejting.js"></script>
<?$RSTARS$('24','http://zornet.ru/ABVUN/Abas/rating_star_03.png','1','float')?>
<span class="vote-num">Всего проголосовали: $RATED$</span>
</span>
</div>
<div class="rating-right">
<span class="rating_type_text rating_size_l">
<div class="rating__source"><i class="fa fa-imdb" style="font-size:24px" aria-hidden="true"></i> IMDb</div>
<span class="rating__value" id="imdb-page-rating">Загрузка...</span> (<span id="imdb_num_vote">Загрузка...</span>)</span>
<span class="rating_type_text rating_size_l rating__kp">
<div class="rating__source"><i class="fa fa-video-camera" style="font-size:24px" aria-hidden="true"></i> КиноПоиск</div>
<span class="rating__value" id="kp-page-rating">Загрузка...</span> (<span id="kp_num_vote">Загрузка...</span>)</span>
</div>
</div>

CSS

Код
<style>
.relatedi {background-color:#242c3a;padding:10px 15px 0px 15px;margin-bottom:20px;border-radius:7px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.rating {}
.rates > div {display:inline-block;vertical-align:middle;margin-bottom:10px;}
.ret {float:left;margin-left:10px;margin-top:4px;}
.rat {position:relative;float:left;width:55px;height:55px;border-radius:50%;box-shadow:inset 0 0 0 2px #354052;}
.vote-num {font-size:11px}
.rat > div {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;color:#e2e2e2;display:block;text-align:center;font-size:19px;font-weight:500;padding-top:16px;}
.rat > div div {display:none;}
.rating_type_text {display:inline-block;color:#969696;font-size:12px;}
.rating__source {margin-bottom:5px;color:#88b669;font-size:14px;font-weight:500;}
.rating_size_l .rating__value {font-size:19px;font-weight:500;color:#d8d8d8;cursor: pointer;}
.rating__kp {margin-left:20px;}
</style>

На этом все, где переходим на второй вариант.

2. Только рейтинг KinoPoisk и IMDb

Красивый рейтинг от сайта кино поиск

- Для начало устанавливаем JS - тот же что и выше прописан.

Устанавливаем по месту:

HTML

Код
<div class="rating">
<span class="rating_type_text rating_size_l">
<div class="rating__source"><i class="fa fa-imdb" style="font-size:24px" aria-hidden="true"></i> IMDb</div>
<span class="rating__value" id="imdb-page-rating">загрузка...</span></span>
<span class="rating_type_text rating_size_l rating__kp"><div class="rating__source"><i class="fa fa-video-camera" style="font-size:24px" aria-hidden="true"></i> КиноПоиск</div>
<span class="rating__value" id="kp-page-rating">Загрузка...</span></span>
</div>

CSS

Код
<style>
.rating {float:right}
.rating_type_text {display:inline-block;color:#969696;font-size:12px;}
.rating__source {margin-bottom:5px;color:#88b669;font-size:16px;font-weight:500;}
.rating_size_l .rating__value {font-size:19px;font-weight:500;color:#d8d8d8;cursor: pointer;}
.rating__kp {margin-left:40px;}
</style>


Здесь используется дополнительное поле 1, можно использовать любое другое, заменив в скрипте $OTHER1$ на свой оператор.



Как добавляем материал в поле вписываем ID фильма с кинопоиса, где последние цифры с поисковой строки фильма.
12 Января 2019 Загрузок: 36 Просмотров: 5524 Комментариев: (90)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 90
Kosten
Kosten 12 Января 2019 22:561
+1
Изначально про рейтинг на форме тема поднялась, где он в первые появился для установки, это на тот момент, если что то можете почерпнуть с темы Рейтинг Kinopoisk и iMDB, так как там аналогично размещено.
Kosten
Kosten 17 Января 2019 01:522
0
First, а можешь разместить чисто рейтинг, которые от конструктора, просто стильно смотрится, многим думаю понравится.
First
First 17 Января 2019 21:463
+1
Ссылки если хочешь можешь заменить. Я просто взял с своего

Kosten
Kosten 17 Января 2019 22:264
0
First, от души, круто, в таком случай вообще отдельным материалом сделаю.
Kosten
Kosten 18 Января 2019 03:285
0
Еще один момент, просто нет тестового ресурса проверить, это по звездочкам, как понимаю здесь можно поставить любые знаки, не только звездочки, но и лайки.

Как пример:
H-Tray
H-Tray 21 Января 2019 10:556
0
Работает же чем можно заменить?
First
First 21 Января 2019 11:497
0
А разве не достаточно того, что скрипт нормально работает и выводит рейтинг? Проверенно на разных сайтах, и сегодня тоже смотрел.
H-Tray
H-Tray 21 Января 2019 20:198
0
у меня почему то не работает, что мне посоветуешь сделать?
Kosten
Kosten 21 Января 2019 22:189
0
H-Tray, вероятно, что по по установке не правильно сделано, ведь этот скрипт взят сайта, на котором корректно все выводит.
First
First 21 Января 2019 22:2510
0
Ну во первых могу показать несколько сайтов именно с этим скриптом, зде всё прекрасно работает. Возможно что-то не правильно ты сделал, не то поле прописано, и т.д..
Ну а во вторых, как я могу что-то советовать не видя сайта где установлен данный скрипт?
Kosten
Kosten 21 Января 2019 22:3711
0
Можете перейти на сайт и посмотреть как работает, так как здесь прописан аналогичный код, где автор сайта поделился.

Сайт: http://makecs.ru/
First
First 21 Января 2019 23:2112
0
Цитата Kosten ()
Можете перейти на сайт и посмотреть как работает, так как здесь прописан аналогичный код, где автор сайта поделился.
Сайт: makecs.ru

Мне конечно лишняя ссылка не помешает на мой сайт, но он имел в виду рейтинг кинопоиска, а не внутренний рейтинг сайта ))
First
First 21 Января 2019 23:2413
+2
Ну а так чтоб отпали все вопросы о работоспособности рейтинга с кинопоиска, сделал не большое видео 11a

Ну а если еще кто-то сомневается и после этого, так в материале есть картинка с ссылкой с какой я и прописал ид на то место где доп. поле, это все равно, что вы в доп. поле вставили
Kosten
Kosten 22 Января 2019 00:0614
0
First, вопросы всегда будут и это нормально. Видео зачетное!
First
First 22 Января 2019 01:0815
+1
Я звезда!!! Лайки мне и подписчиков!!!!)))
DESTEQ
DESTEQ 22 Января 2019 11:5916
0
Скрипт и у меня перестал работать сегодня, это правда)

P.S.: Спустя минут 20 сам по себе заработал, видимо сервера лежали или ещё что подобное
First
First 22 Января 2019 14:0717
0
Только-что проверил, работает. Возможно действительно что-то на стороне сервера было, или на самом кинопоиске.
Sp@ider
Sp@ider 17 Марта 2019 13:3018
0
Перестал работать, изменения на КП
Kosten
Kosten 18 Марта 2019 12:2919
0
Не знаю, так как зашел на сайт, где установлен этот материал, там все корректно работает и выводит рейтинг.
First
First 29 Марта 2019 15:4320
0
Цитата Sp@ider ()
Перестал работать, изменения на КП
Проверил, всё отлично так же работает
1 2 3 4 »
avatar