[JS] звёздочки, оценки сообщений...
Добавлено: 2012-01-30 22:31:04
есть такой вот код, рождённый в муках - большей частью до меня, я тока сделал что работало как мне надо, и немного скривил 
собсно эффект - когда наводишь - получается полоса звёдочек другого цвета (дефолт серые, когда наводит мышь - красные - слева и до мыши)
хочется показать юзеру результат его предыдущего голосования.
голос известен, он есть при построении этого кода.
соответстенно, надо ввести третий цвет звёзд, и ими отобразить текущий голос юзера.
саму возможность голосвания надо оставить - т.к. юзер может передумать.
пните в ту сторону, откуда начать.
JS не знаю совсем =((
Код: Выделить всё
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:1},'Оценка сообщения','ShowTick("Ваша оценка \'Совсем плохо\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 0);PromptShow(event,'Совсем плохо',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_0"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:2},'Оценка сообщения','ShowTick("Ваша оценка \'Очень плохо\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 1);PromptShow(event,'Очень плохо',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_1"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:3},'Оценка сообщения','ShowTick("Ваша оценка \'Плохо\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 2);PromptShow(event,'Плохо',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_2"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:4},'Оценка сообщения','ShowTick("Ваша оценка \'Не очень хорошо\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 3);PromptShow(event,'Не очень хорошо',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_3"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:5},'Оценка сообщения','ShowTick("Ваша оценка \'Нейтрально\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 4);PromptShow(event,'Нейтрально',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_4"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:6},'Оценка сообщения','ShowTick("Ваша оценка \'Удовлетворительно\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 5);PromptShow(event,'Удовлетворительно',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_5"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:7},'Оценка сообщения','ShowTick("Ваша оценка \'Хорошо\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 6);PromptShow(event,'Хорошо',this);" src="/styles/billing/Images/Icons/EnableStar.png" id="star_67122_6"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:8},'Оценка сообщения','ShowTick("Ваша оценка \'Очень хорошо\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 7);PromptShow(event,'Очень хорошо',this);" src="/styles/billing/Images/Icons/DisableStar.png" id="star_67122_7"/>
<img style="cursor: pointer;" onclick="AjaxCall('/API/TicketVote',{MessageID:67122,VoteBall:9},'Оценка сообщения','ShowTick("Ваша оценка \'Отлично\' успешно сохранена");');" onmouseover="selectStars(event, 67122, 8);PromptShow(event,'Отлично',this);" src="/styles/billing/Images/Icons/DisableStar.png" id="star_67122_8"/>Код: Выделить всё
function selectStars(e, $ticketId, $starId) {
for(var $i = 0; $i < 9; $i++) {
document.getElementById('star_'+$ticketId+'_'+$i).src = '/styles/billing/Images/Icons/DisableStar.png';
}
for(var $i = 0; $i <= $starId; $i++) {
document.getElementById('star_'+$ticketId+'_'+$i).src = '/styles/billing/Images/Icons/EnableStar.png';
}
}хочется показать юзеру результат его предыдущего голосования.
голос известен, он есть при построении этого кода.
соответстенно, надо ввести третий цвет звёзд, и ими отобразить текущий голос юзера.
саму возможность голосвания надо оставить - т.к. юзер может передумать.
пните в ту сторону, откуда начать.
JS не знаю совсем =((
