Рейтинг Kinopoisk и iMDB для uCoz

Рейтинг Kinopoisk и iMDB для uCoz
Скрипты для uCoz
18:57, 28 май 2020
886
0

Описание:

Рабочий скрипт рейтинга 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://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", 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://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>


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

Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (0)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.