Boton pulsado

[mikelfedz]

Hola, necesito ayuda, a ver si alguien me puede decir la forma más sencilla de hacer lo siguiente. Es tan sencillo como tener tres botones que si lo pulsas una vez este en verde y si lo pulsas otra vez en rojo. Pero se guarde ese estado hasta que vuelvas a entrar a visitar el sitio y puedas pulsar otra vez el botn y cambie en función de su estado. Lo he preguntado en yahoo también por si alguien quiere ganarse unos puntos extras http://espanol.answers.yahoo.com/question/index?qid=20131227031443AAAGeUl

[gnzsoloyo]

Este no es un foro de concursos, y no ayudamos por puntos, y menos para hacerle el trabajo a otros. Tenemos nuestros propios trabajos y proyectos para eso.
Si esa es tu idea, deberías olvidarte de este sitio.

FDW es un sitio colaborativo donde ayudamos a resolver problema, pero para eso es necesario:
1) Que expliques claramente cuál es tu problema.
2) Que nos digas qué intentaste hacer para resolverlo.
3) Que postees el código que te causa el inconveniente.
4) Que muestres que estás intentando resolverlo.

Si has venido a que te resuelvan las cosas "de arriba", vas mal encaminado. Y venir a decirnos que lo posteaste en otro sitio (y encima en ESE... ¿has visto el nivel de las pregunta que hacen?), y proponernos que vayamos a verlo allá... francamente es patético.

[mikelfedz]

gnzsoloyo me parece que te pasastes un poco bastante! no seas tan absurdo de contestar con esas tonterias, realmente no pretendo que esto sea un concurso, ni que vaya nadie a yahoo respuestas, me limito a hacer una pregunta si no la quieres contestar me parece perfecto pero no exageres. Además que ostias gano yo dirigiendote a yahoo? lo que has conseguido esque encima parezca que tienes razón y probablemente nadie constestara, muchas gracias por tu ayuda, eres un sol... mira baneame, cierra el post y haz lo que quieras que no para que me toque los cojones alguien ya tengo a mi mujer!

[rflorez]

Sabes algo de maquina de estados?
Usa eventos en javascript para programar ese comportamiento y para almacenar el estado, dependerá de lo que buscas exactamente.
Puedes almacenarlo en una cookie, variable de sesion o en una base de datos. Pero, como repito, depende de tu caso y no esta muy bien explicado.

[mikelfedz]

gracias rflorez, la verdad que no tengo demasiada idea, no he trabajado más que php, html y css, lo justo, eso de la máquina de estados te agradeceria si me pudieras hacer referencia a ello de alguna manera.

El tema del boton es:
Se pulsa: Rojo
Se pulsa:Verde

Y así sucesivamente, pero se tiene que guardar ese estado. Es como para saber si alguien está ocupado o nó!

Gracias de nuevo.

[rflorez]

Iniciado por mikelfedz

gracias rflorez, la verdad que no tengo demasiada idea, no he trabajado más que php, html y css, lo justo, eso de la máquina de estados te agradeceria si me pudieras hacer referencia a ello de alguna manera.

El tema del boton es:
Se pulsa: Rojo
Se pulsa:Verde

Y así sucesivamente, pero se tiene que guardar ese estado. Es como para saber si alguien está ocupado o nó!

Gracias de nuevo.

el estado se tiene que guardar para cualquier usuario?

[omarinfinito]

Simplemente deberas añadirle una etiqueta que cambie con javascript y el CSS distinto a ambas etiquetas, sin código que arreglar no puedo hacer mas nada, nadie te hará un script gratis, apoyo a gnzsoloyo por ser criollo y por tener razón en mayor parte de su comentario...

[Alexis88]

El color del botón podría cambiar aplicando un poco de JavaScript:

Código Javascript:

var boton = document.getElementById("miBoton");
boton.addEventListener("click", function(){
  var valorActual = this.getAttribute("data-click"); //Obtengo el valor actual de "data-click"   
  var estado = valorActual == 1 ? 0 : 1; //Dependiendo del valor, asignaré uno nuevo
  
  this.setAttribute("data-click", estado); //Asigno el nuevo valor a "data-click"
  this.style.background = this.getAttribute("data-click") == 1 ? "#0f0" : "#f00"; //Asigno un color
}, false);
 

Y el botón sería así:

Código HTML:

<button id = "miBoton" data-click = "0">Cambia el color</button>
 

Mediante el valor del pseudo-atributo data-click, determino qué color le asignaré al botón. Esto trabajará de manera temporal, si deseas que un usuario que previamente se identificó, pueda ver el botón con el color que lo dejó en la última sesión, deberías de guardar dicho dato en una base de datos para que en una futura sesión, el botón cargue con el color asignado anteriormente.

Excepto por el hecho de que se deba mantener el color entre una sesión y otra, creo que debiste publicar este hilo en la sección de JavaScript.

Saludos