Dam Ci ode mnie przykład o ile Ci to może pomóc:
JavScript
Kod
function ocena(id, wartosc) {
if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); }
else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("txt_ocena_"+id).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","http://localhost/vote/add/"+id+"/"+wartosc+".html",true);
xmlhttp.send();
}
Php obslugujacy vota:
public function add()
{
// Uri
$this->ip = $_SERVER['REMOTE_ADDR'];
$this->wpisID = $this->uri->segment(3);
$this->wartosc = $this->uri->segment(4);
$spr = $this->MVote->spr($this->ip, $this->wpisID);
if($spr->num_rows == 0) {
$data = array('ip' => $this->ip, 'wpisID' => $this->wpisID,
'ocena' => $this->wartosc);
$this->MVote->add($data);
$this->MVote->add_wpis($this->wpisID, $this->wartosc);
echo 'Thank you for vote'; } else {
echo 'Your vote is here already'; }
}
Uruchomienie:
Kod
<div id="txt_ocena_<?= $wpisID ?>" class="ocena">
<span style="color:white;font-weight:bold;font-size:15px;float:left;margin-right:5px;">Vote:</span>
<img src="<?= base_url("media/images/smile.png"); ?>" alt="" onClick="ocena(<?= $wpisID ?>, 1);">
<img src="<?= base_url("media/images/sad.png"); ?>" alt="" onClick="ocena(<?= $wpisID ?>, 2);">
<br>
<span style="margin-left:40px;font-size:13px;">
<?= $ocena_tak ?> | <?= $ocena_nie ?>
</span>
</div>