Описание:
Рабочий скрипт рейтинга Kinopoisk и iMDB для вашего кинопортала uCoz. Данный скрипт выводит цифровой рейтинг KinoPoisk и IMDb в удобном для вас месте, данный скрипт можно установить в двух вариантах, со стандартным рейтингом и без.
Установка (первая версия со стандартным рейтингом):
1. Установить на странице мат. и комм. к нему в нижнюю часть сайта:
Код
<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://cors-anywhere.herokuapp.com/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", dаta: { 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>
2. Установить на странице мат. и комм. к нему в нужное место:
Код
<div class="relatedi rates">
<div class="rating">
<div class="rat" data-count="$RATING$" data-name="Рейтинг"></div>
<span class="ret">
<script src="http://makecs.ru/js/libs.js"></script>
<?$RSTARS$('24','http://nk-cs.ucoz.de/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>
3. В таблицу стилей CSS в самый низ:
Код
.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;}
Установка (вторая версия без стандартного рейтинга):
1. Установите JS как описано выше в первой версии.
2. Установить на странице мат. и комм. к нему в нужное место:
Код
<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>
3. В таблицу стилей CSS в самый низ:
Код
.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;}
Для вывода используется дополнительное поле 1 ($OTHER1$), вы также можете заменить его на свое, для этого в JS замените $OTHER1$ на свое.
Чтобы рейтинг отображался, то при добавление в дополнительное поле 1 указываете ID фильма с сайта kinopoisk (не ссылку, а только ID).
Источник: zornet.ru