Tema: suma con celdas
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/04/2015, 00:48
cogswap
 
Fecha de Ingreso: abril-2015
Mensajes: 6
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: suma con celdas
Hola no me dejan usar el comando
Código: 
 li:nth-child(even)
en la practica, me piden hacerlo de otra forma que no sea eso. os pongo el popurri de lo que he hecho a ver si podéis hacerlo funcionar...muchas gracias.

Cogí una función que pinta las lineas pero en cuanto la mezclo con lo que tengo hecho de la suma no me sale nada, si comento esa linea me sale la suma pero no colorea claro...
Os pongo el html con el javascript integrado, a ver si podéis ayudarme a rematarlo, perdonar por las barbaridades que os encontréis...si que me dejan usar css3 pero sin el child que comentaba PHPeros.
Gracias por adelantado.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.  
  4. <script language="javascript">
  5.  
  6.  
  7.     function suma(){
  8.     
  9.     
  10.  
  11.     
  12.     document.write("<table border='1'><tr><td> x </td><td>x + 2</td></tr>");
  13.         for(i=1; i<=99; i++){
  14.            
  15.             document.write("<tr><td>"+ i +"</td><td>"  + (2 + i) + "</td></tr>");
  16.             
  17.             //pinta();  //si descomento esta linea, no me sale ya la tabla...algo esta mal    
  18.         }
  19.     
  20.     
  21.     
  22.     document.write("</table>");   
  23.     
  24.     }
  25.     
  26.     
  27.     
  28. function pinta(){
  29.     cual=document.getElementById("tabla").rows;
  30.  
  31.     for(a=0;a<cual.length;a++){
  32.         color(a);
  33.     }
  34.  
  35. }
  36.  
  37. function color(b){
  38.     if(b%2==0)
  39.         cual[b].style.backgroundColor="#ff0000";
  40.     else
  41.         cual[b].style.backgroundColor="#0000ff";
  42. }
  43.  
  44.  
  45. </script>
  46.  
  47. </head>
  48.  
  49. <body onload="suma()">
  50.  
  51.  
  52. <table width=100 height=300 border=1 id="tabla">
  53.  
  54. //<tr><td>aqui la i</td><td>aqui la suma de i + 2</td></tr>
  55. //<tr><td>aqui la i</td><td>aqui la suma de i + 2</td></tr>  
  56. //</table>
  57.  
  58.  
  59. </body>
  60. </html>