Форум

djonA · #1 (**permalink**) 13.05.2013, 23:05

подскажите как перевести числа в кол-во звезд (рейтинг)

есть числа от 1 до 5. мне надо в зависимости от того какое число выводить от 1 до 5 звезд.

Подскажите как такое можно сделать малой кровью?

animhotep · #2 (**permalink**) 13.05.2013, 23:40

найти готовое решение

djonA · #3 (**permalink**) 13.05.2013, 23:54

что то не могу найти готовое может не правильно ищу. Можно ссылочку на такой вариант готового

animhotep · #4 (**permalink**) 14.05.2013, 00:01

http://biznesguide.ru/demo/vote/
http://biznesguide.ru/demo/vote/jquery.rating.zip

djonA · #5 (**permalink**) 14.05.2013, 00:39

тут идет именно полноценный рейтинг а мне просто надо перевод из цифр в звезды.

Т.е если <div id="1">1</div> - вывести 1 звезду
если <div id="2">2</div> - 2 звезды

ну и т.д до 5 звдезд

qwerty-клавиатура · #6 (**permalink**) 14.05.2013, 01:15

http://x9a.ru/samples/stars.htm

рони · #7 (**permalink**) 14.05.2013, 01:17

djonA,

Вариант )))

<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8" />
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
$.fn.replaceText = function (e, f, g) {
       return this.each(function () {
           var a = this.firstChild,
               c, b, d = [];
           if (a) {
               do 3 === a.nodeType && (c = a.nodeValue, b = c.replace(e, f), b !== c && (!g && /</.test(b) ? ($(a).before(b), d.push(a)) : a.nodeValue = b));
               while (a = a.nextSibling)
           }
           d.length && $(d).remove()
       })
   };   $(window).load(function () {
   $("body div").replaceText( /\d+/gi, function f(a)
{
return Array(++a).join('<img src="http://javascript.ru/forum/images/smilies/tongue.gif" alt="">')
} );
    });
  </script>
<title></title>
</head>
<body>
 Т.е если <div id="1">1</div> - вывести 1 звезду
 если <div id="2">2</div> - 2 звезды
</body>
</html>

ruslan_mart · #8 (**permalink**) 14.05.2013, 09:44

<div id="rating"></div>

var elem = '', rating = 5; //Колличество звёзд
for(i=0;i<rating;i++) elem += '<img alt="" src="изобрежение звёзды" />';
document.getElementById('rating').innerHTML = elem;

djonA · #9 (**permalink**) 14.05.2013, 10:32

Спасибо все супер работает

djonA · #10 (**permalink**) 14.05.2013, 23:06

Сообщение от рони

djonA,

Вариант )))

<!DOCTYPE HTML>
<html>
<head>
 <meta charset="utf-8" />
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
$.fn.replaceText = function (e, f, g) {
       return this.each(function () {
           var a = this.firstChild,
               c, b, d = [];
           if (a) {
               do 3 === a.nodeType && (c = a.nodeValue, b = c.replace(e, f), b !== c && (!g && /</.test(b) ? ($(a).before(b), d.push(a)) : a.nodeValue = b));
               while (a = a.nextSibling)
           }
           d.length && $(d).remove()
       })
   };   $(window).load(function () {
   $("body div").replaceText( /\d+/gi, function f(a)
{
return Array(++a).join('<img src="http://javascript.ru/forum/images/smilies/tongue.gif" alt="">')
} );
    });
  </script>
<title></title>
</head>
<body>
 Т.е если <div id="1">1</div> - вывести 1 звезду
 если <div id="2">2</div> - 2 звезды
</body>
</html>

Вот этот код идеально работает только можно что бы его применять только для определенного div скажем с id="test"

А не для всей страницы как сейчас.

Форум

Справочник

Discord чат

Курсы javascript