[SOLUCIONADO] Sistema tipo buacas de cine

[santa2r]

Hola gente de la comunidad, una vez mas necesitando ayuda.
Lo que necesito es que me orienten como puedo cambiar los estados de los stand que ya de la siguiente imagen si se puede con css o otro método parecido a las butacas del cine, con la diferencia que manejo tres estado, muchas gracias.

https://drive.google.com/file/d/14bi...ew?usp=sharing

[ArturoGallegos]

No somos muy buenos con los juegos de adivinanzas, debes mostrar todo el codigo pertinente con el que podamos recrear tu problema.

Dinos que has intentado.


Asi como asi se me ocurre que agregues una nueva clase a los que esten activos , pudes usar el evento onclick de javascript para cambiarlos en el momento.

[santa2r]

en realidad no tengo nada arrancado solo queria que me oriente por donde puedo empesar alguna idea, yo necesito manipular los cuadrigatos con tres estados por ejemplo 0 rojo , 1 amarillo y 2 verde .

[ArturoGallegos]

En ese caso como recomendación, construye todo basado en algún framework como vue, angular o react, te facilitara mucho el hacer reactiva esta sección.

estos trabajan en base a un json que puedes enviar y recibir con ajax, recomiendo AXIOS para dicho fin.

Y para los cambios visuales, has de utilizar 2 clases CSS que muestren cada uno de los estados., dependiendo el framework que utilices sera la forma en que cambies/invoques dicha clase CSS

-----
Si por un momento pensaste en jQuery, has de desistir, hay muchas alternativas que te darán mejor resultado.

[santa2r]

estuve investigando, pero por ahi no fui muy claro los metodo que me pasaste son muy interesantes, pero lo que estoy conplicado es como hago de esa sola imagen divir todos los bloques como individuales sin tener que cortarle asi lo unico que hago son cambiarle el color a cada bloque

[santa2r]

ya lo he solucionado con estilos muchas gracias.