Foros del Web » Programando para Internet » Javascript »

quitar color de fondo alternandolo

Estas en el tema de quitar color de fondo alternandolo en el foro de Javascript en Foros del Web. hola amigos tengo un codigo javascript que muestra todos los datos en pantalla de mi base de datos los datos los muestro en una capa ...
  #1 (permalink)  
Antiguo 19/06/2011, 09:48
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años, 8 meses
Puntos: 5
quitar color de fondo alternandolo

hola amigos tengo un codigo javascript que muestra todos los datos en pantalla de mi base de datos los datos los muestro en una capa div.
entonces a esa capa le asigno un color de fondo a la tabla algo asin:
Código Javascript:
Ver original
  1. <div id='contenedor'>
  2. <table style="background-color: rgb(133, 133, 133);">
  3. <tr>
  4.    <td>'+documentos+'</td>'+nombres+'<td></td>
  5. </tr>
  6. </table>
  7. </div>
bien lo que quiero es que cuando muestro los resultados en pantalla no se vea siemple el mismo color por ejemplo que uno se vea de este color y el siguiente sin colo osea blanco asin relativamente alguna ayuda
  #2 (permalink)  
Antiguo 19/06/2011, 10:14
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 5 meses
Puntos: 1532
Respuesta: quitar color de fondo alternandolo

asignarle el color a los tr, claro que para ello necesitas un ciclo

creo que jQuery tiene una funcionalidad similar, investigalo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 19/06/2011, 10:18
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años, 8 meses
Puntos: 5
Respuesta: quitar color de fondo alternandolo

maycolalvarez gracias por contestar esque quiero que toda la tabla se vea de un color de fondo y que se quite en la segunda publicacion?
realmente es muy complicado esto? alguna ayuda
  #4 (permalink)  
Antiguo 19/06/2011, 12:33
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 18 años, 1 mes
Puntos: 56
Respuesta: quitar color de fondo alternandolo

En tu script controla un número, y verifica si es par o impar, si es par le pones un color, si no, otro color.

Por ejemplo

Código Javascript:
Ver original
  1. <table><tr><td>1</td></tr></table>
  2. <table><tr><td>2</td></tr></table>
  3. <table><tr><td>3</td></tr></table>
  4. <table><tr><td>4</td></tr></table>
  5. <script type="text/javascript">
  6. (function(){
  7.     var d = document, e = d.getElementsByTagName("table"), i;
  8.     for(i=0;i<e.length;i++){
  9.         if(i % 2) e[i].style.backgroundColor = '#333'
  10.         else e[i].style.backgroundColor = '#fff'
  11.     }
  12. })()
  13. </script>

En tu caso:

Código Javascript:
Ver original
  1. var color = numeracion % 2 != 0 ? 'rgb(133, 133, 133)' : 'rgb(255,255,255)'
  2.  
  3. <div id='contenedor'>
  4. <table style="background-color: '+color +';">
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #5 (permalink)  
Antiguo 19/06/2011, 16:45
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años, 8 meses
Puntos: 5
Respuesta: quitar color de fondo alternandolo

America|UNK gracias por tu respuesta la solo una duda mas en el primer codigo que muestra los numero impares de un color de fondo y los numero pares de otro color como tendria que hacerlo si por ejemplo tengo en una capa div dos tablas osea que tendria que ser la primera y segunda de un color y la tercera y cuarta de otro color no se si me explique o hay alguna manera mejor

Última edición por roboty; 19/06/2011 a las 16:55
  #6 (permalink)  
Antiguo 19/06/2011, 20:26
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 5 meses
Puntos: 1532
Respuesta: quitar color de fondo alternandolo

pues no se entiende lo que quieres, ¿quieres asignar colores aleatorios?
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #7 (permalink)  
Antiguo 20/06/2011, 04:49
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años, 8 meses
Puntos: 5
Respuesta: quitar color de fondo alternandolo

perdonar por la mala explicacion me refiero si tengo algo asin:
Código HTML:
Ver original
  1.            <tbody>
  2.                     <tr>
  3.                         <td>articulo1</td>  <td>articulo2</td>  <td>
  4.     <table>
  5.             <tbody>
  6.                      <tr>
  7.                         <td>nombre</td>
  8.                     </tr>
  9.                     <tr>
  10.                         <td>precio</td>
  11.                     </tr>
  12.             </tbody>
  13.     </table>
  14.                                                </td>
  15.                     </tr>  
  16.             </tbody>

como tendria que hacer para darle un color de fondo a la primera tabla para que el color esto en toda la capa?
ya que en el codigo que posteo el amigo America|UNK me da color solo a una tabla y yo quiero que me de color a toda la capa y se alterne alguna ayuda

Última edición por roboty; 20/06/2011 a las 05:37
  #8 (permalink)  
Antiguo 20/06/2011, 07:09
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 5 meses
Puntos: 1532
Respuesta: quitar color de fondo alternandolo

¿que le de color a toda la tabla, o que le de color a toda la capa, o que se alterne?, primero definete: ¿cual capa?, ¿como lo quieres?:

cada tabla anidada con un color???, no se entiende nada lo que dices
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #9 (permalink)  
Antiguo 20/06/2011, 07:15
 
Fecha de Ingreso: abril-2011
Mensajes: 867
Antigüedad: 13 años, 8 meses
Puntos: 5
Respuesta: quitar color de fondo alternandolo

maycolalvarez tengo una tabla dentro de otra tabla y simplemente lo que quiero es que tenga un color de fondo la tabla principal para que el color de fondo este en todas las celdas.

bien este color de fondo quiero que se alterne estilo cebra espero que ahora me entiendas.

de todas formas arriba posteo el codigo el amigo America|UNK pero no lo puedo adaptar a mis necesidades porque yo utilizo dos tablas no una como en el codigo espero que me entiendas ahora y perdon por las malas explicaciones
  #10 (permalink)  
Antiguo 20/06/2011, 11:22
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 5 meses
Puntos: 1532
Respuesta: quitar color de fondo alternandolo

claro que el script del amigo America|UNK te funciona, solo que debes de cambiar las tablas por las filas.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #11 (permalink)  
Antiguo 20/06/2011, 15:57
 
Fecha de Ingreso: octubre-2010
Mensajes: 107
Antigüedad: 14 años, 2 meses
Puntos: 14
Respuesta: quitar color de fondo alternandolo

Podrias utilizar CSS y crear algunas clases con los colores y asignarselas a las tablas ya sea con js o directamente en el html
  #12 (permalink)  
Antiguo 20/06/2011, 22:53
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 18 años, 1 mes
Puntos: 56
Respuesta: quitar color de fondo alternandolo

Si quieres colorear otras capas tu deberías solo indicar con que objeto quieres trabajar.
var color = numeracion % 2 != 0 ? 'rgb(133, 133, 133)' : 'rgb(255,255,255)'
Código HTML:
Ver original
  1. Si es tabla
  2. <table style="background-color:'+color+'"><tr><td></td><td></td>.....</tr></table>
  3. Si es fila:
  4. <tr style="background-color:'+color+'"><td></td><td></td>.....</tr>
  5. Si es celda:
  6. <td style="background-color:'+color+'"></td><td style="background-color:'+color+'"></td>

Los objetos tendrían que estar en el bucle, claro.
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */

Etiquetas: color, fondo, quitar
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 01:30.