Detectar que boton está en verde

[dune1993]

Hola que tal??
Miren estaba intentado hacer que cuando pulses un boton se ponga en verde,(por defecto estará en rojo).
Pero ahora nose como hacer para que detecte los que están en verde y se envie sus value por POST, los que están en rojo que no han sido pulsados no se envian.
Tengo este código funcionando, que al pulsar el boton se pone verde.

Código Javascript:

<!--cambia botones colores-->
            function setColor(e, btn, color) {
      var target = e.target,
          count = +target.dataset.count;
      
       target.style.backgroundColor = count === 1 ? "#7FFF00" : '#C30';
       target.dataset.count = count === 1 ? 0 : 1;
    }
 

Código PHP:

<input type="button"   style="background-color:#C30" onFocus="setColor(event, 'button', '#101010')"; data-count="1" data-mini="true" style="text-align:left"  name="Numeroserie[<?php echo $row2['NumeroSeriesID'];?>]" id="Numeroserie" value="<?php echo $row2['NumeroSerie'];?>"></input>
 

El resumen sería como envio por POST solo los que estén en verde(gracias al onfocus cambia a verde).

Muchas gracias de antemano!

[ZedGe1505]

Hola,


Primero que nada es mala práctica poner en duro los estilos css en HTML, utiliza hojas de estilos. Le asignas una clase al botón (roja, verde) y en tu .css defines el color para cada clase.


Teniendo eso creas un evento js (EJE: onFocus="setColor(this)") y dentro del JS preguntas si la clase del objeto es roja que la cambie por verde, y si es verde que la ponga en roja.

Segundo, creas una función ajax o ajax form para enviar los datos por POST pero que antes de eso valides la clase de tus objetos (si no es un form dinámico es aún más facil)
Preguntas si la clase del input "nombre" (es un ejemplo) es verde o no, si lo es lo metes al arreglo de variables que va por ajax.
Luego preguntas si la clase del input "apellido" es verde y haces lo mismo con todas


Ejemplos de como obtener clases
Ejemplo 1
Ejemplo2

[dune1993]

Iniciado por ZedGe1505

Hola,


Primero que nada es mala práctica poner en duro los estilos css en HTML, utiliza hojas de estilos. Le asignas una clase al botón (roja, verde) y en tu .css defines el color para cada clase.


Teniendo eso creas un evento js (EJE: onFocus="setColor(this)") y dentro del JS preguntas si la clase del objeto es roja que la cambie por verde, y si es verde que la ponga en roja.

Segundo, creas una función ajax o ajax form para enviar los datos por POST pero que antes de eso valides la clase de tus objetos (si no es un form dinámico es aún más facil)
Preguntas si la clase del input "nombre" (es un ejemplo) es verde o no, si lo es lo metes al arreglo de variables que va por ajax.
Luego preguntas si la clase del input "apellido" es verde y haces lo mismo con todas


Ejemplos de como obtener clases
[URL="http://www.lawebdelprogramador.com/codigo/JavaScript/2460-Obtener-el-valor-de-un-input-typetext-de-varias-maneras.html"]Ejemplo 1[/URL]
[URL="http://emiliocobos.net/getattribute-y-setattribute-en-javascript/"]Ejemplo2[/URL]

Hola!!! gracias por responder, mira use este código pero no logro que funcione correctamente..

Código Javascript:

function(){
    buttonValues={};
    for each(var element in document.getElementsByClassName("botonnumeroserie"))
    
    {
        
        if(element.style.backgroundColor=="#C30")
        {
            buttonValues.push(element.value);            
        }
    
    }
    return buttonValues;
}
 

Código PHP:

<input type="button" style="background-color:#C30" onFocus="setColor(event, 'button', '#101010')"; data-count="1" data-mini="true" style="text-align:left" class="botonnumeroserie" name="Numeroserie[<?php echo $row2['NumeroSeriesID'];?>]" id="botonnumeroserie" value="<?php echo $row2['NumeroSerie'];?>"></input>
 

Nose lo relacioné por el nombre de la clase del boton y si esta en verde debería de enviar :((

Un saludo, gracias.