Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   перевод числа в рейтинг (звезды) (https://javascript.ru/forum/misc/37917-perevod-chisla-v-rejjting-zvezdy.html)

djonA 13.05.2013 23:05

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

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

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

animhotep 13.05.2013 23:40

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

djonA 13.05.2013 23:54

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

animhotep 14.05.2013 00:01

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

djonA 14.05.2013 00:39

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

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

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

qwerty-клавиатура 14.05.2013 01:15

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

рони 14.05.2013 01:17

djonA,
:write:
Вариант )))
<!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 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 14.05.2013 10:32

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

djonA 14.05.2013 23:06

Цитата:

Сообщение от рони (Сообщение 250344)
djonA,
:write:
Вариант )))
<!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"

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


Часовой пояс GMT +3, время: 08:18.