Mouseover Vote Thing JavaScript

This is a nifty little thing to make it easy to let people vote on something with values 1 to 10.

See also: Mouseover Vote Thing x 100

{ 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 }

HTML Source

<p align="center"><b>
{
<a href="#" onmouseover="updateVote(1)"  onclick="updateVote(1);return false;">1</a> |
<a href="#" onmouseover="updateVote(2)"  onclick="updateVote(2);return false;">2</a> |
<a href="#" onmouseover="updateVote(3)"  onclick="updateVote(3);return false;">3</a> |
<a href="#" onmouseover="updateVote(4)"  onclick="updateVote(4);return false;">4</a> |
<a href="#" onmouseover="updateVote(5)"  onclick="updateVote(5);return false;">5</a> |
<a href="#" onmouseover="updateVote(6)"  onclick="updateVote(6);return false;">6</a> |
<a href="#" onmouseover="updateVote(7)"  onclick="updateVote(7);return false;">7</a> |
<a href="#" onmouseover="updateVote(8)"  onclick="updateVote(8);return false;">8</a> |
<a href="#" onmouseover="updateVote(9)"  onclick="updateVote(9);return false;">9</a> |
<a href="#" onmouseover="updateVote(10)" onclick="updateVote(10);return false;">10</a>
}
</b></p>

<form action="../" name="theFormName">
    <div align="center"><input type="text" size="2" name="Vote"></div>
</form>

Source Code

<script language="JavaScript" type="text/javascript">
<!--
function updateVote(the_vote_chosen) {
	document.theFormName.Vote.value = the_vote_chosen;
}
//-->
</script>
blog comments powered by Disqus
Google
 
Web lab.artlung.com