CSS и Java Script - изменение фоновой картинки Страница 3

Общие вопросы по системе юкоз, вопросы по ucoz, вопросы без определенной темы

Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 14.06.2016, 16:11:только эта часть скрипта не меняет фон если оценивали...

Я же вам дал нормальное решение с условными операторами, зачем юзать скрипт?

Код: Выделить всё Развернуть
 style="<?if($RATE_FORM$)?>background-position:0 24px;<?endif?>"

Попробуйте так:

Код: Выделить всё Развернуть
is_rate('$ID$');

- добавить кавычки

или так:

Код: Выделить всё Развернуть
<script type="text/javascript">
 function is_rate(){
 if($('#is_rate-$ID$ li').size() == 1){$('#likeplus-$ID$').css({'background-position':'0 20px'});}
 };is_rate();
 </script>
css, javascript, background, фон, изменение

Re: CSS и Java Script - изменение фоновой картинки

Fearfire » » Сообщение:

Admin писал(а) › 14.06.2016, 23:09:Я же вам дал нормальное решение с условными операторами, зачем юзать скрипт?

Сделал с условными операторами:

Код: Выделить всё Развернуть
<?if($RATING$) and ($USER_LOGGED_IN$)?>
    <div class="likepos">
    <div class="likeplus" title="Мне нравится!" id="likeplus-$ID$" style="<?if($RATE_FORM$)?>background-position:0 20px;<?endif?>"
     onclick="{$('#likeplus-$ID$').css({'background-position':'0 20px'});}
     + $.get('/photo/1-1-$ID$-13-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1){ _uWnd.alert('Вы уже оценивали данную [anchor=http://likbezz.ru/viewtopic.php?t=1803|Качество демо фотографии на юкозе. Как улучшить?]фотографию[/anchor]!','Спасибо за оценку',{w:250,h:85,t:8000}); } else { _uWnd.alert('Спасибо за оценку фотографии!','Вы успешно оценили',{w:260,h:70,t:8000})};});">
     </div></div>
   
     <?if($RATED$)>0?><div class="likex">+$RATED$</div><?endif?>
         
     <?else?>
     
    <div class="likepos" id="likepos">
    <div class="like_nologin" title="Мне нравится!" onclick="rating();">
    </div></div>
   
     <?if($RATED$)>0?><div class="likex_nologin">+$RATED$</div><?endif?>
     
    <?endif?>

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


Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 15.06.2016, 18:26:форма оценки каждый раз предлагает оценить фото...
Посмотрите сами, я ее не стал убирать...

Да, в шаблоне вида материалов этот оператор работает не совсем так, как нужно. Да и звездочки тоже.
Следовательно, если необходима оценка на страницах категрий, то только запоминать ID материала в локальное хранилище.


Re: CSS и Java Script - изменение фоновой картинки

Fearfire » » Сообщение:

Admin писал(а) › 16.06.2016, 08:39:Следовательно, если необходима оценка на страницах категрий, то только запоминать ID материала в локальное хранилище.

Хорошо, а как убрать всплывающую подсказку с помощью скрипта для звёздочек, которая показывает рейтинг, и он равен единице, так как звёздочка только одна?


Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 16.06.2016, 19:47:Хорошо, а как убрать всплывающую подсказку

А чуть подробнее? О какой подсказке идет речь?

Fearfire писал(а) › 16.06.2016, 19:47:для звёздочек, которая показывает рейтинг, и он равен единице, так как звёздочка только одна?

Предполагается, что блок со звездочками скрыт.


Re: CSS и Java Script - изменение фоновой картинки

Fearfire » » Сообщение:

Admin писал(а) › 16.06.2016, 20:09:А чуть подробнее? О какой подсказке идет речь?

Оставил стандартный рейтинг и стилями сделал одно сердечко:

Код: Выделить всё Развернуть
<?if($RATING$) and ($USER_LOGGED_IN$)?>
     
<style>
    .u-star-rating-12 {width:20px!important;height:20px;}
    .u-star-rating-20 {width:20px!important;}
    .u-star-rating-20 a.u-two-stars, .u-star-rating-20 a.u-three-stars, .u-star-rating-20 a.u-four-stars, .u-star-rating-20 a.u-five-stars {display: none;}
   
</style>
     
 <div class="likepos"><div><?$RSTARS$('20','/img/like_2.png','1','float')?></div></div>
 
 <?if($RATED$)>0?><div class="likex">+$RATED$</div><?endif?>
 
 <?else?>
 
 <div class="likepos" id="likepos">
 <div class="like_nologin" title="Мне нравится!" onclick="rating();">
 </div></div>
 
 <?if($RATED$)>0?><div class="likex_nologin">+$RATED$</div><?endif?>
 
 <?endif?>

теперь при наведении показывает рейтинг 1! Как убрать титл? :unknown:




Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 23.06.2016, 17:40:Всё-равно показывает..

А у меня не показывает - убирает титле со звезд:

убирает титле со звезд

Попробуйте так:

Код: Выделить всё Развернуть
<script type="text/javascript">
$('.u-star-rating-20').removeAttr('title');
</script>

- посмотрите какой класс у блока со звездами и скорректируйте скрипт, если другой.


Re: CSS и Java Script - изменение фоновой картинки

Fearfire » » Сообщение:

Admin писал(а) › 23.06.2016, 21:44:посмотрите какой класс у блока со звездами и скорректируйте скрипт, если другой.

Спасибо! Так просто оказывается, не глянул класс, думал уже заточено под сайт :oops:

Подскажите ещё один момент, пожалуйста!

Как убрать процентное деление рейтинга на части и сделать его равным 100%, чтобы оценка отображалась целиком?

Изображение

Скорее всего в этой части нужно отключить стили...

Код: Выделить всё Развернуть
<li class="u-current-rating uCurStarRating15" id="uCurStarRating15" style="width:20%;"></li>

только там ID элемента, а значит без скрипта не получится я думаю...

... или можно сделать так, чтобы при нажатии материал оценивался всегда на 5 баллов, а не на 1 как сейчас....


Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 24.06.2016, 19:42:только там ID элемента, а значит без скрипта не получится я думаю...
Код: Выделить всё Развернуть
<script type="text/javascript">
$('.u-current-rating').removeAttr('title');
</script>

или

Код: Выделить всё Развернуть
<script type="text/javascript">
$('.u-current-rating').css('width','100%');
</script>

Или просто в стили:

Код: Выделить всё Развернуть
.u-current-rating{width:100% !important}


Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 25.06.2016, 06:15:Только ещё условие нужно <?if$RATED$?>, иначе для материала который неоценили также будет рейтинг 100%...

Можно и так:

Код: Выделить всё Развернуть
.u-current-rating:not([style*=":0%"]){
   width:100% !important
}
Fearfire писал(а) › 25.06.2016, 06:15:Спасибо за помощь!

Всегда пожалуйста )


Re: CSS и Java Script - изменение фоновой картинки

Fearfire » » Сообщение:

Код: Выделить всё Развернуть
<?if($RATING$) and ($USER_LOGGED_IN$)?>
 
<style>
 .u-star-rating-12 {width:20px!important;height:20px;}
 .u-star-rating-20 {width:20px!important;}
 .u-star-rating-20 a.u-two-stars, .u-star-rating-20 a.u-three-stars, .u-star-rating-20 a.u-four-stars, .u-star-rating-20 a.u-five-stars {display: none;}
 .u-current-rating:not([style*=":0%"]){width:100% !important}
</style>
     
 <div class="likepos"><div><?$RSTARS$('20','/img/like3-20.png','1','int')?></div></div>
 
 <?if($RATED$)>0?><div class="likex">+$RATED$</div><?endif?>
 
 <?else?>
 
 <div class="likepos" id="likepos">
 <div class="like_nologin" title="Мне нравится!" onclick="rating();">
 </div></div>
 
 <?if($RATED$)>0?><div class="likex_nologin">+$RATED$</div><?endif?>
 
 <?endif?>

Как отключить это всплывающее окошко или заменить его на своё?:

Изображение

И если например пользователь №1 оценил материал, то у пользователя №2 он так-же будет показан оценённым,
то есть код

Код: Выделить всё Развернуть
.u-current-rating:not([style*=":0%"]){
   width:100% !important
}

работает глобально...

Как сделать так, что-бы для каждого пользователя были актуальные оценки?


Re: CSS и Java Script - изменение фоновой картинки

Admin » » Сообщение:

Fearfire писал(а) › 26.06.2016, 19:07:Как отключить это всплывающее окошко

Отключить - никак - системное.
Изменить - только внешне - стилями. Но тоже глобально, ко всем окнам.

Fearfire писал(а) › 26.06.2016, 19:07:если например пользователь №1 оценил материал, то у пользователя №2 он так-же будет показан оценённым

Ну да, если материал кем-то оценен, то бишь, ширина != 0%, то ширина будет 100%.
Тогда только через <?if$RATED$?>


Пред.



Похожие темыКомментарии ПросмотрыПоследнее сообщение
01268Сброс настроек кук, изменение настр...
Сообщение от: Admin
0529Изменение диапазона поиска для Акти...
Сообщение от: Admin
0766PictureResize - Пакетное изменение ...
Сообщение от: Admin
0717Изменение пользовательских настроек...
Сообщение от: Admin
02230Предпросмотр картинки перед загрузк...
Сообщение от: Admin