Podr\u00edamos realizar un sistema de votaci\u00f3n sencillo utilizando php y mysql, lo cual requerir\u00e1 enviar la informaci\u00f3n al servidor en cada voto. Para hacerlo m\u00e1s atractivo y m\u00e1s usable para el usuario conviene que el voto se env\u00ede utilizando la tecnolog\u00eda AJAX.<\/p>\n
Con la tecnolog\u00eda AJAX, al enviar el voto no har\u00eda falta recargar por completo toda la p\u00e1gina. Para conseguir este efecto, lo primero que deberemos hacer es incluir en nuestro <head> la siguiente funci\u00f3n AJAX:<\/p>\n
<script type=\"text\/javascript\">\r\nfunction getVote(value) {\r\n\u00a0\u00a0\u00a0 if (window.XMLHttpRequest) {\/\/ code for IE7+, Firefox, Chrome, Opera, Safari\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 xmlhttp=new XMLHttpRequest();\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 else {\/\/ code for IE6, IE5\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 xmlhttp=new ActiveXObject(\"Microsoft.XMLHTTP\");\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 xmlhttp.onreadystatechange=function() {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 if (xmlhttp.readyState==4 && xmlhttp.status==200) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 document.getElementById(\"poll\").innerHTML=xmlhttp.responseText;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0\u00a0 xmlhttp.open(\"GET\",\"getpoll.php?vote=\"+value,true);\r\n\u00a0\u00a0\u00a0 xmlhttp.send();\r\n}\r\n<\/script><\/pre>\nLa funci\u00f3n principalmente se encarga de recibir el voto enviado abriendo el fichero \u00abgetpoll.php\u00bb el cual cifraremos m\u00e1s adelante y se encarga de guardar el voto.<\/p>\n
Para enviar el voto, los usuarios deber\u00edan tener disponible un formulario como el siguiente ejemplo:<\/p>\n
<div id=\"poll\">\r\n\u00a0\u00a0\u00a0 <h3>Te gusta programar en PHP y AJAX?<\/h3>\r\n\u00a0\u00a0\u00a0 <form>\r\n\u00a0\u00a0\u00a0 Si:\r\n\u00a0\u00a0\u00a0 <input type=\"radio\" name=\"vote\" value=\"0\" onclick=\"getVote(this.value)\" \/>\r\n\u00a0\u00a0\u00a0 <br \/>\r\n\u00a0\u00a0\u00a0 No:\r\n\u00a0\u00a0\u00a0 <input type=\"radio\" name=\"vote\" value=\"1\" onclick=\"getVote(this.value)\" \/>\r\n\u00a0\u00a0\u00a0 <\/form>\r\n<\/div><\/pre>\nSi nos fijamos, el formulario no tiene ninguna etiqueta y en cada opci\u00f3n o radiobutton al hacer onclick llamamos a la funci\u00f3n AJAX que se encarga de guardar el voto enviado.<\/p>\n
El archivo php que mencion\u00e1bamos anteriormente \u00abgetPoll.php\u00bb contiene lo siguiente:<\/p>\n
<?php\r\n\/\/require('config.php');\r\n\r\n$vote = $_REQUEST['vote'];\r\n\r\n\/\/get content of textfile\r\n$filename = \"poll_result.txt\";\r\n$content = file($filename);\r\n\r\n\/\/put content in array\r\n$array = explode(\"||\", $content[0]);\r\n$yes = $array[0];\r\n$no = $array[1];\r\n\r\nif ($vote == 0) {\r\n\u00a0 $yes = $yes + 1;\r\n}\r\n\r\nif ($vote == 1) {\r\n\u00a0\u00a0 \u00a0$no = $no + 1;\r\n}\r\n\r\n\/\/insert votes to txt file\r\n$insertvote = $yes.\"||\".$no;\r\n$fp = fopen($filename,\"w\");\r\nfputs($fp,$insertvote);\r\nfclose($fp);\r\n?>\r\n<h2>Resultado:<\/h2>\r\n<table>\r\n\u00a0 <tr>\r\n\u00a0\u00a0\u00a0 <td>Si:<\/td>\r\n\u00a0\u00a0\u00a0 <td><img src=\"poll.gif\" width='<?php echo(100*round($yes\/($no+$yes),2)); ?>' height='20'> <?php echo(100*round($yes\/($no+$yes),2)); ?>% <\/td>\r\n\u00a0 <\/tr>\r\n\u00a0 <tr>\r\n\u00a0\u00a0\u00a0 <td>No:<\/td>\r\n\u00a0\u00a0\u00a0 <td><img src=\"poll.gif\" width='<?php echo(100*round($no\/($no+$yes),2)); ?>' height='20'> <?php echo(100*round($no\/($no+$yes),2)); ?>% <\/td>\r\n\u00a0 <\/tr>\r\n<\/table>\r\n<p>Total de votos: <?php echo ($no+$yes); ?><\/p>\r\n<p><a href=\"index.php\">Volver a votar<\/a><\/p><\/pre>\nEl paso siguiente ser\u00eda guardar el voto ya sea en la base de datos o en un archivo y luego mostrar\u00edamos los resultados con una tabla.<\/p>\n