Foros del Web » Programando para Internet » Javascript »

Detectar que boton está en verde

Estas en el tema de Detectar que boton está en verde en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/03/2016, 05:29
 
Fecha de Ingreso: octubre-2015
Mensajes: 29
Antigüedad: 4 años, 10 meses
Puntos: 0
Pregunta Detectar que boton está en verde

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:
Ver original
  1. <!--cambia botones colores-->
  2.             function setColor(e, btn, color) {
  3.       var target = e.target,
  4.           count = +target.dataset.count;
  5.      
  6.        target.style.backgroundColor = count === 1 ? "#7FFF00" : '#C30';
  7.        target.dataset.count = count === 1 ? 0 : 1;
  8.     }
Código PHP:
Ver original
  1. <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!
  #2 (permalink)  
Antiguo 10/03/2016, 05:35
 
Fecha de Ingreso: junio-2011
Mensajes: 289
Antigüedad: 9 años, 2 meses
Puntos: 15
Respuesta: Detectar que boton está en verde

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
  #3 (permalink)  
Antiguo 21/03/2016, 02:13
 
Fecha de Ingreso: octubre-2015
Mensajes: 29
Antigüedad: 4 años, 10 meses
Puntos: 0
Respuesta: Detectar que boton está en verde

Cita:
Iniciado por ZedGe1505 Ver Mensaje
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:
Ver original
  1. function(){
  2.     buttonValues={};
  3.     for each(var element in document.getElementsByClassName("botonnumeroserie"))
  4.    
  5.     {
  6.        
  7.         if(element.style.backgroundColor=="#C30")
  8.         {
  9.             buttonValues.push(element.value);            
  10.         }
  11.    
  12.     }
  13.     return buttonValues;
  14. }
Código PHP:
Ver original
  1. <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.

Etiquetas: button, rojo, verde
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:01.