Exactly as you said. Disables repeat voters by storing IPs, stores counts in a datasource, uses cookies to block repeat voters, and uses AJAX to post.
I did the same project. Here's my coden:
vote.php:
<script type="text/javascript" src="js/voting.js"></script>
<?php
$voteQ = mysql_query("SELECT * FROM votes WHERE ip='$_SERVER[REMOTE_ADDR]' AND msgID='$ID'") or die(mysql_error());
if(mysql_num_rows( $voteQ ) > 0) {
$rvq = mysql_fetch_array( $voteQ );
if($rvq[voteType] == 'Yes') {
$yes = 'voteYes.png';
$no = 'voteNoDisabled.png';
} else {
$yes = 'voteYesDisabled.png';
$no = 'voteNo.png';
}
}
if($row[topicMsg] == 'Suggestions') {
?>
<?php
if(mysql_num_rows( $voteQ ) > 0) {
?>
<img src="images/<?=$yes ?>" alt=" You voted on this suggestion ">
<img src="images/<?=$no ?>" alt=" You voted on this suggestion ">
<?php
} else {
?>
<a href="javascript:vote('Yes')">
<img src="images/voteYes.png" alt=" Yes " border="0"></a>
<a href="javascript:vote('No')">
<img src="images/voteNo.png" alt=" No " border="0"></a>
<?php
}
?>
voting.js
var http_request = false;
function makePOSTRequest(url, parameters) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
// set type accordingly to anticipated content type
//http_request.overrideMimeType('text/xml');
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Cannot create XMLHTTP instance');
return false;
}
http_request.onreadystatechange = alertContents;
http_request.open('POST', url, true);
http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http_request.setRequestHeader("Content-length", parameters.length);
http_request.setRequestHeader("Connection", "close");
http_request.send(parameters);
}
function alertContents() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
//alert(http_request.responseText);
result = http_request.responseText;
document.getElementById('myspan').innerHTML = '<img src="../images/accept.png" alt=""> <font size="1" color="Green"><b>Vote Successfully Submitted</b></font>';
if(document.getElementById("vote").value == 'Yes') {
document.getElementById('thumbs').innerHTML = '<img src="../images/voteYes.png" alt=" You voted on this suggestion "> <img src="../images/voteNoDisabled.png" alt=" You voted on this suggestion ">';
} else {
document.getElementById('thumbs').innerHTML = '<img src="../images/voteYesDisabled.png" alt=" You voted on this suggestion "> <img src="../images/voteNo.png" alt=" You voted on this suggestion ">';
}
} else {
document.getElementById('myspan').innerHTML = '<img src="../images/decline.png" alt=""> <font size="1" color="#FF0000"><b>Vote Unsuccessfully Submitted</b></font>';
}
}
}
function get(obj) {
var poststr = "vote=" + encodeURI( document.getElementById("vote").value ) + "&ID=" + encodeURI( document.getElementById("ID").value ) + "&IP=" + encodeURI( document.getElementById("IP").value );
makePOSTRequest('../voteMsg.php', poststr);
}
function vote(voteType) {
document.getElementById('vote').value = voteType;
get(this.parentNode);
document.getElementById('myspan').innerHTML = '<img src="../images/gif/loading.gif" alt=""> <font size="1"><b>Submitting vote...</b></font>';
}
voteMsg.php
<?php
include('lib/db_connect.php');
if(isset($_POST[IP])) {
if(isset($_POST[ID])) {
if(isset($_POST[vote])) {
mysql_query("INSERT INTO votes (ip, msgID, voteType) VALUES('$_POST[IP]', '$_POST[ID]', '$_POST[vote]') ") or die(mysql_error());
}
}
}
?>
Sorry for the code not being explained, let me know if you need hulp.
HTH:)