Звездный рейтинг в значении javascript, исходящий от backend

Question

Мне нужен рейтинг звезд. В значение страницы отправляются из Java/Backend. (Мне нужно только решение javascript или prototypejs.)

Например: Если значение равно 1, то оно должно показывать 1 СТАР.

Если значение приходят 2, то оно должно показать 2 ЗВЕЗДЫ и так далее ... до 5

Вся эта вещь происходит в динамике. Я использую код ниже, но это не создает идентификатор.

Javascript

function display() { 
    var x = "yr"; 
    show_image(x ,2) ; 
} 

function show_image (id,number) { 
    var x = number; 
    var y = id; 
    for (var i =0; i<x; i++){ 
     var img = document.createElement("img"); 
     img.src = "stars.png"; 
     document.getElementById(y).appendChild(img); 
    } 
} 

Спасибо за помощь.

Answer 1

Проверить это fiddle1fiddle2

//Just for Demo purpose 
function getRating() { 
    var number = prompt("Enter the rating?"); 
    if(number *= 1 > 0 && number <=5) { 
     show_image('yr', number); 
    } else { 
     alert("Enter valid rating, greater than 0"); 
    } 
} 

function show_image (id,number) { 
    document.getElementById(id).innerHTML = ''; 
    for (var i =0; i<number; i++){ 
     var img = document.createElement("img"); 
     img.height=10; 
     img.src = "http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/512/star-full-icon.png"; 
     document.getElementById(id).appendChild(img); 
    } 
} 

Ваш код не проблема, она работает нормально. Самый простой способ вызвать эту функцию из вашего ответа Java Servlet/JSP, добавлен <script>show_image('_some_id_', number_of_star)</script>

Добавить комментарий, если у вас есть запрос, или если мое понимание самой проблемы неверно.