Contador sencillo

[odysx]

Estoy creando una web muy simple, y necesito que al pulsar una imagen se cambie por otra distinta y en un contador que este debajo se sume un click a la cuenta.
La segunda opcion es que este la imagen y el contador tenga un boton, pulses el boton y se sume uno y cambie la imagen.
Pero me gustaria que la imagen cambiara al tener pulsado el raton y al soltar volviese a la primera de nuevo, o en su defecto, que pasaran 2 segundos o asi y volviese despues de hacer click.
Espero que me entiendan. La web es en HTML ;)

[ElJavista]

A ver, supongo que esa cuenta se tendría que guardar en alguna parte, talvez en un archivo. Ahora, solo es una imágen y un contador? no vas a poner eso mismo en otra parte?

OK, para hacer eso se necesitan dos cosas: para que cambie la imágen se necesita JavaScript, y para que se actualice la cuenta del contador se necesita Ajax. Aunque se vea algo sencillo no lo es tanto.

[odysx]

La web en si consiste en la imagen y el contador, quiero que se vea el numero de clicks que se han hecho en la imagen, y quiero lo de que la imagen cambie al pulsarle, porque saldra una imagen graciosa.
Lo del contador se ve en esta web un buen ejemplo http://spod.cx/pcc/

[odysx]

He conseguido este codigo y funciona perfectamente, pero solo me cambia la imagen por otra al hacer click. Yo quiero que al pulsar cambie pero no se quede en la segunda, que de algun modo vuelva a la primera. Por ejemplo a los 2 segundos. O al dejar de pulsar sobre la imagen. ¿Alguien sabe que cambios hacerle al codigo para conseguir eso?
Lo de que cuente los clicks sobre la imagen sigo sin saber como hacerlo.

Código Javascript:

<script language="javascript">
 
imagen1=new Image
imagen1.src="img014.gif"
imagen2=new Image
imagen2.src="img025.gif"
 
var i=1;
 
function cambiar() {                       
   if (i == 1)
      {
      document.images['ejemplo'].src=imagen2.src
      i=2;
      }
   else 
      {
      document.images['ejemplo'].src=imagen1.src;
      i=1;
      }
   }
 
</script>
 

Código Javascript:

<img src="img014.gif" name="ejemplo" onMousedown="cambiar()">
 

[PHPau]

Igual que tienes el evento onmousedown puedes hacer el evento onmouseup ara que cuando se deje de clicar se cambie otra vez a la primera. Claro que si hacen un click rápido pues se verá la segunda imagen solo un segundín.

[odysx]

Lo he intentado pero no funciona.
Y lo del contador me hace bastante falta, porque la imagen a las malas la dejo asi y que al hacer click cambie. Pero necesito que cada vez que se haga un click se contabilice en un contador debajo de la imagen.

[PHPau]

Código PHP:

<img src="img014.gif" name="ejemplo" onMousedown="cambiar()" onMouseUp="cambiar()">
 

¿Esto no funciona?

[odysx]

Iniciado por PHPau

Código PHP:

<img src="img014.gif" name="ejemplo" onMousedown="cambiar()" onMouseUp="cambiar()">
 

¿Esto no funciona?

Es perfecto !! Muchisimas gracias.
Ahora solo me falta que al hacer click sobre la imagen me sume uno en un contador que este debajo. Estoy buscando por todos lados y no veo manera de conseguir el contador que necesito. Solo tiene que sumar un click cada vez que se pulse sobre la imagen, y tiene que ser un contador visible, no quiero estadisticas ni nada.

[PHPau]

Pues entonces haces que en cada entrada a la función cambiar esa variable se sume en uno. Si quieres que se guarde el valor entonces tendrás que meterte en Bases de Datos.

[odysx]

Iniciado por PHPau

Pues entonces haces que en cada entrada a la función cambiar esa variable se sume en uno. Si quieres que se guarde el valor entonces tendrás que meterte en Bases de Datos.

Quiero que se guarde el valor. Pero no soy muy bueno en esto, agradeceria que me lo explicaras con mas detalle si no es molestia, llevo 3 dias buscando por internet el modo de poner ese contador en mi web y no veo manera, me lleva loco.
Gracias de antemano.

[PHPau]

Puedes hacer dos cosas:
1- Hacerte una base de datos en tu servidor con el PhpMyAdmin y allí tener una tabla con el campo "SiguienteNumero", hacer la consulta e incrementar ese numero en uno.
2-Hacer un txt que cotenga simplemente ese numero y nada más. Lo del txt no se muy bien como funciona, investiga un poco por la Wiki de forosdelweb arriba en el banner.

[ElJavista]

Yo creo que bastaría con un simple archivo de texto, pero, conseguir que al hacer click se actualice eso no es tan fácil, deberías hacerlo con ajax con PHP. Aprende algo de PHP primero, lo básico primero y luego acceso a archivos. También aprende algo de JavaScript y ajax. Es la única forma de lograrlo. No busques qué hacerlo, busca que aprender lo necesario y luego inténtalo. Suerte!

[odysx]

¿Tengo que aprender a programar para conseguirlo?
¿No hay ningun lugar donde pueda ver codigos y modificarlos un poco para que me sirvan?
No es por pereza, es mas que nada porque aprender php no son dos dias :(

[jomaruro]

Hola:

Si no aprendes a programar ¿cómo vas a hacer para saber que código tienes que modificar y como lo tienes que modificar para hacer lo que quieres?

Saludos.

[odysx]

Igual que lo he hecho con todas las webs anteriores, mirando codigos y sabiendo para que sirven. Despues solo hay que cambiar cosas e ir probando lo que pasa hasta conseguir lo que buscas. Pero desde 0 la cosa es mas complicada, por eso pregunto.

PD: No quiero convertir esto en una discusion, solo quiero conseguir lo que necesito, sin crear un conflicto ;)

[odysx]

Tengo esto, y funciona, pero solo al entrar en la web, no al hacer click sobre la imagen, y ademas parece que va lentisimo ¿si mucha gente pincha sobre la imagen a la vez sumara todos los clicks?

Código PHP:

  <?
$archivo = "contador.txt";
$abre = fopen($archivo, "r");
$total = fread($abre, filesize($archivo));
fclose($abre);
$abre = fopen($archivo, "w");
$total = $total + 1; 
$grabar = fwrite($abre, $total);
fclose($abre);

?>   

Código PHP:

  <?

$archivo = "contador.txt";
$abre = fopen($archivo, "r");
$total = fread($abre, filesize($archivo));
fclose($abre);
print "document.write('<font color=#000099 size=2>".$total." </b></FONT>');\n";

?>   

[odysx]

Sigo sin conseguir que se sume uno al contador al hacer click. Al entrar en la pagina si lo suma, pero no se como poner que onclick se ejecute la funcion php.

[ElJavista]

Ya te dije, mediante ajax, solo falta que comprendas eso y lo lograrás. Se ve que ya tienes los conceptos al menos de PHP y alguito de JavaSript, solo te hace falta como ejecutar un código PHP mediante un evento de JavaScript. Eso es precisamente Ajax.