Contador por click

MAJESTIC12 · #1 (**permalink**) 02/11/2010, 11:33

Hola quisiera hacer un div que contenga un numero y al pulsar sobre el se incremente en uno y actualice también la base de datos.

Cual seria la mejor forma de hacerlo, alguna idea??

un saludo y muchas gracias

ylellan · #2 (**permalink**) 02/11/2010, 11:37

creo que eso puede hacerse con javascript, bueno creo que ajax

andruxand · #3 (**permalink**) 02/11/2010, 12:48

como quieres que se actualize el numero al dar clic, como tambien actualizarlo en la db puedes utilizar la libreria xajax, creas una funcion que actualize el numero con xajax y la llamas en el evento onclick del div.

IEKK · #4 (**permalink**) 02/11/2010, 13:01

Bueno o ajax o Xajax.

O podrías recargar un archivo con el Update en php usando ajax y lo llamarías haciendo clic en el div usando jquery.

un poco de html, otro de jquery, ajax y php

(Me dio por probarlo y funciona)

index.php

Código PHP:

Ver original//Conexión
<?php include('conexion/config.php');
 
//Consulta
$consulta = mysql_query("SELECT numero FROM contador") or die('error en la conexion');
$num = mysql_fetch_array($consulta);
$num=$num['numero'];
 ?>
 
<html>
 
<head>
</head>
 
<body>
 
<div id="numero"><?php echo $num; ?></div>
 
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/recarga.js"></script>
 
<script>
    $("#numero").click(function () { 
        cargarExterno('contador.php','numero');
    });
</script>
 
</html>

En el recarga.js

Código Javascript:

Ver originalvar peticion = false;
if (window.XMLHttpRequest) {
peticion = new XMLHttpRequest();
} else if (window.ActiveXObject) {
peticion = new ActiveXObject("Microsoft.XMLHTTP");
}
 
function cargarExterno(datos,divID) {
if(peticion) {
var obj = document.getElementById(divID);
peticion.open("GET", datos);
peticion.onreadystatechange = function() {
if (peticion.readyState == 4) {
obj.innerHTML = peticion.responseText;
}
}
peticion.send(null);
}
}

Y el archivo que hará el update:
contador.php

Código PHP:

Ver original<?php include('conexion/config.php');
 
mysql_query("UPDATE contador set numero=numero+1") or die();
 
$consulta = mysql_query("SELECT numero FROM contador") or die('error en la conexion');
$num = mysql_fetch_array($consulta);
echo $num['numero'];
 ?>

Está a lo rápidito, es mejorable.