Tema: tablas dinamicas
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 01/06/2006, 06:55
Avatar de Mirovita
Mirovita
 
Fecha de Ingreso: febrero-2005
Ubicación: Caracas-Venezuela
Mensajes: 840
Antigüedad: 19 años, 2 meses
Puntos: 10
ok, tengo otro problema asociado al anterior.. ya logre hacer lo de las filas.. ahora el problema q tengo es el siguiente:

cada fila contiene ciertos campos para guardar datos, por ejemplo: para colocar una hora trabajadas de lunes a domingo, estas horas son sumadas y obtengo un total... el problema es q cuando genero una nueva fila no puedo sumar dichos valores en la nueva fila.... ademas quiero tener un resultado de por ejemplo sumar los lunes:

es algo asi:

Lun | mar | mier | juev | vier | sab | dom | total horas
------------------------------------------------------
3 | 2 | 5 | 6 | 2 | 0 | 0 | 18
4 | 5 | 3 | 1 | 4 | 0 | 0 | 17
1 | 1 | 2 | 0 | 2 | 0 | 0 | 6
-------------------------------------------------------
8 | 8 | 10 | 7 | 8 | 0 | 0 | 41




ok la fila de total de horas lo se hacer porq sumo los valores de cada text pero cuando se crea la segunda fila no se suman, tampoco puedo sumar el total durant el dia lunes, el martes, etc...

aca les dejo el codigo a ver si me pueden ayudar:

Código HTML:
<html>
<head>
<title>Hoja de Tiempo Semanal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {font-size: 12px;font-weight: bold;color: #0033FF}
.style2 {font-size: 24px;font-weight: bold;color: #0033FF;}
.style3 {color: #0033FF;font-weight: bold;}
.style4 {font-size: 10px;color: #0033FF}
.style5 {color: #0033FF}

-->
</style>

<script type="text/javascript">
function anadir() {
tab = document.getElementById("tabla");
fil = tab.getElementsByTagName("tr")[0].cloneNode(true);
tab.appendChild(fil);}

function sumar() {
  valor1 = document.getElementById("capa1").value;
  valor2 = document.getElementById("capa2").value;
  valor3 = document.getElementById("capa3").value;
  valor4 = document.getElementById("capa4").value;
  valor5 = document.getElementById("capa5").value;
  valor6 = document.getElementById("capa6").value;
  valor7 = document.getElementById("capa7").value;
 total = parseFloat(valor1) + parseFloat(valor2) + parseFloat(valor3) + parseFloat(valor4) + parseFloat(valor5) + parseFloat(valor6) + parseFloat(valor7);

document.getElementById("horas").value= total;

 
}
</script>

</head>

<body>
<form name="form1" method="post" action="">
<table width="800" height="600" border="0">
  <tr>
    <td height="19" colspan="4" ><div align="center" class="style2">HOJA DE TIEMPO SEMANAL</div></td>
    <td width="73" rowspan="4"><img src="images/logo_incostas.jpg" width="73" height="82"></td>
  </tr>
  <tr>
    <td height="20" colspan="4" >&nbsp;</td>
  </tr>

  <tr>
    <td width="132" height="9" ><div align="center" class="style1">C.I: </div></td>
    <td width="271"><div align="center" class="style1">Nombre:</strong></div></td>
    <td width="139"><div align="left" class="style1">Del: </div></td>
    <td width="163" height="9"><div align="left" class="style1">Al:</div></td>
  </tr>
  <tr>
    <td height="10" ><div align="center"><input type="text" value="16204532"></div></td>
    <td width="271"><div align="center"><input type="text" value="Mirova Salas "></div></td>
    <td width="139"><div align="center"><input type="text" value="12/02/1984"></div></td>
    <td height="10"><div align="center"><input type="text" value="15/08/2006"></div></td>
  </tr>
 <tr>
    <td height="29" colspan="5">&nbsp;</td>
 </tr> <tr>
    <td height="13" colspan="5"><div align="center" class="style3">HORAS TRABAJADAS </div></td>
  </tr>
 <tr>
   <td height="14" colspan="5">&nbsp;</td>
 </tr> 
 
  <tr>
    <td colspan="5" valign="top">


<table width="800" border="0">

      <tr>
        <td width="160" colspan="2"><div align="center" class="style1">
          CODIGOS
        </div></td>
        <td width="200" rowspan="2"><div align="center" class="style1">DESCRIPCION DE ACTIVIDAD</div> </td>
        <td colspan="7" width="350"><div align="center" class="style1">DIAS DE LA SEMANA</div> </td>
        <td width="70" rowspan="2"><div align="center" class="style1">APROB</div></td>
        <td width="70" rowspan="2"><div align="center" class="style1">TOTAL HORAS </div></td>
      </tr>
      <tr>
        <td width="80" height="29"><div align="center" class="style1">Proy/Dpto</div></td>
        <td width="80"><div align="center" class="style1">Actividad</div></td>
        <td width="50"><div align="center" class="style4">LUN</div></td>
        <td width="50"><div align="center" class="style4">MAR</div></td>
        <td width="50"><div align="center" class="style4">MIER</div></td>
        <td width="50"><div align="center" class="style4">JUE</div></td>
        <td width="50"><div align="center" class="style4">VIE</div></td>
        <td width="50"><div align="center" class="style4">SAB</div></td>
        <td width="50"><div align="center" class="style4">DOM</div></td>
      </tr>
      <tr>
        <td height="26" colspan="12"><div align="center"></div>        
          <table width="800" border="0">
<tbody id="tabla">
            <tr id="fila1">
        <td width="69" height="26"><div align="center"> 
<select>
  <option value="">
  </select></div></td>
        <td width="69"><div align="center"><select>
  <option value="">
  </select></div></td>
        <td width="184"><div align="center"><input type="text" name="descripcion_actividad"></div></td>
        <td width="44"><div align="center"><input type="text" name="lunes" size="5" value="0" id="capa1" onChange="sumar()"></div></td>
        <td width="44"><div align="center"><input type="text" name="martes" size="5" value="0" id="capa2" onChange="sumar()"> </div></td>
        <td width="44"><div align="center"><input type="text" name="miercoles" size="5" value="0" id="capa3" onChange="sumar()"></div></td>
        <td width="44"><div align="center"><input type="text" name="jueves" size="5" value="0" id="capa4" onChange="sumar()"></div></td>
        <td width="44"><div align="center"><input type="text" name="viernes" size="5" value="0" id="capa5" onChange="sumar()"></div></td>
        <td width="44"><div align="center"><input type="text" name="sabado" size="5" value="0" id="capa6" onChange="sumar()"></div></td>
        <td width="44"><div align="center"><input type="text" name="domingo" size="5" value="0" id="capa7" onChange="sumar()"></div></td>
        <td width="62"><div align="center"><input type="checkbox" name="aprob" disabled></div></td>
        <td width="58"><div align="center"><input type="text" name="horas" size="5" value="0" id="total"></div></td>
      </tr>
</tbody>
</table>
            </td>
        </tr>
      <tr>
        <td height="26">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="26" colspan="3"><div align="center" class="style5">Total Horas Trabajadas: </div></td>
        <td><div align="center"><input type="text" name="total_lunes" size="5" value="0"></div></td>
        <td><div align="center"><input type="text" name="total_martes" size="5" value="0"></div></td>
        <td><div align="center"><input type="text" name="total_miercoles" size="5" value="0"></div></td>
        <td><div align="center"><input type="text" name="total_jueves" size="5" value="0"></div></td>
        <td><div align="center"><input type="text" name="total_viernes" size="5" value="0"></div></td>
        <td><div align="center"><input type="text" name="total_sabado" size="5" value="0"></div></td>
        <td><div align="center"><input type="text" name="total_domingo" size="5" value="0"></div></td>
        <td>&nbsp;</td>
        <td><div align="center"><input type="text" name="total_horas" size="5" value="0"></div></td>
      </tr>
      <tr>
        <td height="26">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="26" colspan="12"><div align="center">
			<input name="button" type="button" onClick="anadir()" value="Añadir" style="background-color:003399;color:#ffffff;font-family:Verdana;font-weight:bold; background-color:#0033FF">
			&nbsp;&nbsp;
			<input name="guardar" type="submit" value="Guardar" style="background-color:003399;color:#ffffff;font-family:Verdana;font-weight:bold; background-color:#0033FF">
        </div> </td>
        </tr>
      <tr>
        <td height="26" colspan="12">&nbsp;</td>
      </tr>
      <tr>
        <td height="26" colspan="12"><div align="right"><a href="salir.php" class="style4">Salir</a></div></td>
      </tr>
    </table>

</td>
  </tr>
  <tr>
    <td colspan="5" valign="top">&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>
__________________
.-._.-. [email protected]._.-.