Как во время перемещения по звездочкам добавить дробные значения?

Question

[olya_097]

тоесть .0 пропадает
https://jsfiddle.net/tc8ynb6x/1/

Comments

[twobomb]

[olya_097]

twobomb, но так пропадает минимальное значение
тоесть меньше 1 нельзя дать оценку

[twobomb]

olya_097, Меньше одного? Типа -1 -2....?

[olya_097]

twobomb, да
тоесть можно поставить 1.0/ 2.0 /3.0 / 4.0/ 5.0
cейчас изначальное значение 5.0
при движении мыши тот 0 пропадает

[twobomb]

olya_097, Вам просто нужен формат с нулем что ли? Поменяйте
$('#param' + id).text(Math.ceil(rating));
на

$('#param' + id).text(Math.ceil(rating).toFixed(1));

[olya_097]

twobomb, спасибо огромное

Answer 1

[Somewhere Intech]

Исправьте участки:

if ( ( exitPointY >= topEdge ) && ( exitPointY <= bottomEdge ) && ( exitPointX > (leftEdge + reasonableWidth) ) ) {
        $('#param' + id).text("5.0");

var rating = progress * 5 / width;
      rating = Math.max(Math.ceil(rating), 1);

      $('#param' + id).text(Math.ceil(rating).toFixed(1));

Comments

[olya_097]

Johnny Lowhunter, спасибо огромное
такой нюанс

а если нужно чтобы и 0 можно было ставить?
удаляю 72-76 строки
но все также

[Somewhere Intech]

olya_097,
правьте

if (e.pageX < leftEdge) {
     progress = 0;
      } else if (e.pageX >= rightEdge) {
     progress = obj.width();
      }
  
      var rating = progress * 5 / width;
      // меньше половины звезды
      rating = rating < 0.5 ? 0 : Math.max(Math.ceil(rating), 1);

и

$("#rating, #rating-overlay").on('mousemove', function(e) {
  let width = $(this).width();
  let left = $(this).offset().left;
  let goPercentage = (e.clientX - left)/width * 100;
	//goPercentage =  Math.max(Math.ceil(goPercentage/20)*20, 20);
  // меньше половины первой звезды
  goPercentage = goPercentage < 10 ? 0 : Math.max(Math.ceil(goPercentage/20)*20, 20);
 
  let startPercentage = 100 - goPercentage;

  function constrain(n, min, max) {
    return Math.max(Math.min(n, max), min);
  }
	// не нужно
  //if (goPercentage === 0){
  	//$('.stars__count').text('0.0')
    //goPercentage = 20;
    //constrain(+$('.stars__count').text(), 1, 5);
  //}

[Somewhere Intech]

olya_097, сами пишите? конструкция слишком усложнена для этой задачи как мне кажется

[olya_097]

Johnny Lowhunter, сама
а как по другому? вроде не особо усложняю

[Somewhere Intech]

olya_097, например так (не верстальщик и не фронтендер, потому не ругать за некроссбраузерный цсс)

[olya_097]

Johnny Lowhunter, спасибо
Вы бэкендер?)

[Somewhere Intech]

olya_097, тоже мимо)))

[olya_097]

Johnny Lowhunter, сложно угадать))
менеджер?

[Somewhere Intech]

olya_097, не угадаете с таким ходом предполагаемых вариантов