jrmcintosh
asked on
Star rating system, vb.net and/or javascript
I'm trying to do a rating system like the one that rates movies on blockbuster.com. I'm doing a .net application and want to use the stars as image buttons and when the image button is clicked have some database interactivity happen. My problem is the mousover issue. I'm currently using the .Attributes("onmouseover")
In fact, here is a .NET version as well:
http://www.codeproject.com/useritems/RatingDemystifiedAjaxWay.asp
http://www.codeproject.com/useritems/RatingDemystifiedAjaxWay.asp
ASKER
This really isn't exactly what I want but thanks for the links.
To be more specific I have coded basically what I want but want the ability to change multiple imagebutton images based on what imagebutton is hovered over. I don't know if I can do this via .net/javascript or what.
To be more specific I have coded basically what I want but want the ability to change multiple imagebutton images based on what imagebutton is hovered over. I don't know if I can do this via .net/javascript or what.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
onMouseOver=showStars(1)
onMouseOff=hideStars(1)
onMouseOff=hideStars(1)
ASKER
I'm not very good with javascript but here is my code, I haven't been able to get it to work. I would also like to do this with <input type=image>'s. Is this possible?
<script>
function showStars(str) {
if (str == 1)
{
getElementById('star_1').s
} else if (str == 2)
{
getElementById('star_1').s
getElementById('star_2').s
}
}
function hideStars(str) {
if (str == 1)
{
getElementById('star_1').s
} else if (str == 2)
{
getElementById('star_1').s
getElementById('star_2').s
}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img name="star_1" onMouseOut="hideStars(1);"
</td>
<td><img name="star_2" onMouseOut="hideStars(2);"
</td>
</tr>
</table>
</body>
<script>
function showStars(str) {
if (str == 1)
{
getElementById('star_1').s
} else if (str == 2)
{
getElementById('star_1').s
getElementById('star_2').s
}
}
function hideStars(str) {
if (str == 1)
{
getElementById('star_1').s
} else if (str == 2)
{
getElementById('star_1').s
getElementById('star_2').s
}
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img name="star_1" onMouseOut="hideStars(1);"
</td>
<td><img name="star_2" onMouseOut="hideStars(2);"
</td>
</tr>
</table>
</body>
http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/
It is designed for MySQL/PHP, but I'm certain you can just swap the PHP for .NET code.