php sumar input text con variable sin hacer submit

[kimmy]

Hola amigos. Estoy haciendo una hoja de nómina y tengo un input text en donde pido el numero de dias trabajados. Luego que se agregue ese dato debo multiplicarlo con el sueldo diario que es una variable php para mostrarlo en otro input text. La cuestión es que no se como tomar ese dato de los días sin hacer submit.

Este es mi código:

Código PHP:

<form action="nomina.php" method="post" >
 <table width="750" border="0" class="tabla2">
    <tr>
     <td colspan="5" class="td2" bgcolor="#95bce2">UNIDAD EDUCATIVA</td>
     </tr>
        <tr>
          <td colspan="5">NOMINA PARA EL PAGO DE SUELDOS EMPLEADOS</td>
        </tr>
        <tr>
          <td width="7%">Desde:</td>
          <td width="15%">&nbsp;</td>
          <td width="7%">Hasta:</td>
          <td width="16%">&nbsp;</td>
          <td>&nbsp;</td>
          </tr>
      </table>
      <br />
  <table width="750" border="1"  bordercolor="#95bce2"  class="tabla3">
    <tr bgcolor="#95bce2 ">
    <td>Nº</td>
    <td>CI</td>
    <td>APELLIDOS</td>
    <td>NOMBRES</td>
    <td>DIAS</td>
    <td>SUELDO BÁSICO</td>
    <td>SUELDO B. QUINCENA</td>
    <td>IVSS</td>
    <td>PARO FORSOZO</td>
    <td>LPH</td>
    <td>OTROS INGRESOS</td>
    <td>OTROS DESCUENT</td>
    <td>TOTAL DEDUCCIONES</td>
    <td>TOTAL DEVENGADO</td>
  </tr>
  <?php
$rs = mysql_query("SELECT * FROM empleados ORDER BY id_empleado ASC");
 
while ($result = mysql_fetch_array($rs)) {
    $id_empleado = $result['id_empleado'];
    $ci = $result['ci'];
    $pnombre = $result['pnombre'];
    $snombre = $result['snombre'];
    $papellido = $result['papellido'];
    $sapellido = $result['sapellido'];
    $cargo = $result['cargo'];
    $sueldo_basico = $result['sueldo_basico'];
 
    //$sueldo_quin = number_format(($sueldo_basico*$dias),2,'.','');
    $ivss = number_format(($sueldo_basico*4/100),2,'.','');
    $paro_for = number_format(($sueldo_basico*0.5/100),2,'.','');
    $lph = number_format(($sueldo_basico*1/100),2,'.','');
    $sueldo_diario = number_format(($sueldo_basico/30),2,'.','');
 
    echo "
  <tr>
    <td>$id_empleado</td>
    <td>$ci</td>
    <td>$papellido $sapellido</td>
    <td>$pnombre $snombre</td>
    <td><input name=\"dias\" type=\"text\" id=\"dias\" size=\"2\" /></td>
    <td>$sueldo_basico</td>
    <td><input name=\"sueldo_quinc\" type=\"text\" id=\"sueldo_quinc\" size=\"5\" /></td>
    <td>$ivss</td>
    <td>$paro_for</td>
    <td>$lph</td>
    <td><input name=\"otros_ing\" type=\"text\" id=\"otros_ing\" size=\"5\" /></td>
    <td><input name=\"otros_desc\" type=\"text\" id=\"otros_desc\" size=\"5\" /></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>"; 
    }
        
mysql_close($conn);
  ?>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>TOTAL</td>
    <td></td>
  </tr>
</table>
</form>
 

Lo que quiero mostrar es
$sueldo_quin = number_format(($sueldo_basico*dias),2,'.','');
pero no se como.

Gracias

[Triby]

Sólo con PHP no es posible hacerlo, debes recurrir a Javascript y/o AJAX, un ejemplo básico con javascript:

Código PHP:

<script type="text/javascript">
// dias es el total de días trabajados
// campo es la id del input text que se debe actualizar
function calcula(dias, campo) {
    sueldo = <?php echo $sueldo_basico; ?>;
    // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
    document.getElementById(campo).value = dias * sueldo;
}
</script>
 
<form bla bla bla>
Días: <input type="text" name="dias" value="" onblur="calcula(this.value, 'total');" /><br />
Total a pagar: <input type="text" name="total" id="total" value="" readonly="readonly" />
</form>
 

Notas:
- onblur ejecuta la función para calcular cuando el campo dias pierde el foco
- calcula() recibe los días y la ID del campo que debe actualizar
- El input total debe tener ID, el name es sólo por consistencia
- El atributo readonly es para que el usuario no pueda modificar el valor manualmente

[jorgelpadronb]

Una solución bastante sencilla es generar una variable de javascript con el valor deseado desde PHP. Ya después puedes usar ese valor para calcular con javascript del lado del cliente. Ejemplo:

Suponiendo que tu variable PHP se llama $variable, pones en el <head> de tu página lo siguiente:

<?='<script lang="javascript">var mivariable='.$variable.';</script>'?>

De esta forma pasas el valor de tu $variable PHP a una variable de javascript llamada mivariable, que va a estar disponible del lado del cliente, para poder usarla en el cálculo con javascript. Saludos.

[kimmy]

Gracias a los dos pero no he podido solucionarlo.

Triby intenté hacerlo como me indicas y después de estudiar DHTML lo coloqué asi:

Código Javascript:

function calcula(dias, sueldo_quinc) {
        sueldo = <?php echo $sueldo_diario; ?>;
        // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
        document.getElementById('sueldo_quinc').value = dias * sueldo;
    }
 

y en el html:

Código PHP:

<td><input name=\"dias\" type=\"text\" id=\"dias\" size=\"2\" value=\"\" onblur=\"calcula(this.value, 'sueldo_quinc');\"/></td>
    <td>$sueldo_basico</td>
    <td><input name=\"sueldo_quinc\" type=\"text\" id=\"sueldo_quinc\" size=\"5\" value=\"\" readonly=\"readonly\"/></td>
 

pero nada sucede.

No entiendo...

[jorgelpadronb]

Hola.

Hacer esto:

sueldo = <?php echo $sueldo_diario; ?>;

Dentro de las etiquetas <script> no va a funcionar. Ya yo lo he probado varias veces.

Tienes que poner esa linea entre sus propias etiqutas <script> y fuera de las etiquetas <script> donde está el resto del javascript. Ah y muy importante, tienes que generar las etiquetas <script> desde PHP junto con la variable, si no, nada de nada. El problema es que no puedes poner salida de PHP entre etiquetas <script>, entonces las generas junto con la variable y las pones en el HMTL. Debe funcionar así:

Código HTML:

<?PHP echo '<script>var sueldo ='. $sueldo_diario.';</script>'; ?>
<script>
//Este es el resto de tu codigo javascript
</script>
 

De esta forma el resultado te queda así:

Código HTML:

<script>var sueldo=100;</script>
<script>
//Este es el resto de tu codigo javascript
</script>
 

Otra posible solución es que generes desde PHP un INPUT de tipo Hidden con el valor del sueldo dentro del formulario y después lo usas para calcular con javascript

Saludos.

[kimmy]

Muchas gracias jorgelpadronb funciona perfectamente!!!. El único problema que se me presenta ahora es que cuando voy al siguiente empleado ya no me lo calcula. Lo que pasa es que la tabla se llena con una consulta a mysql.

Que debo hacer en este caso?

[jorgelpadronb]

Tambien puedes generar un array de javascript desde el bucle PHP donde recorres la consulta.

Un ejemplo:

Código PHP:

echo '<script>var sueldo= new Array()';
$i=0;
while($row = mysql_fetch_array($resultado)){
      $i++;
      echo 'sueldo['.$i.']='.$row['Campo_Sueldo'].';';
}
echo '</script>';
 

Esto te genera un array javascript con los sueldos de toda la consulta. El problema es insertarlo de forma coherente dentro de tu código, de forma que funcione. Eso ya depende de como tengas acomodado el código. Recuerda que las etiquetas <script> que estás generando deben ir en el <head>, por tanto es probable que tengas que hacer una consulta exclusivamente para generar el array en el <head> de la página.

Pruebalo a ver...

[kimmy]

La verdad es que no se como colocarlo porque la variable $sueldo_diario viene de:

$sueldo_diario = number_format(($sueldo_basico/30),2,'.','');

es decir no está en un campo sino que está compuesta de el resultado del campo sueldo_basico y la operacion matemática.

Entonces no tengo ni idea de como usar el ciclo javascript que me indicaste.

No logro ver como encaja en mi código...

[jorgelpadronb]

Mira a ver si esto te resuelve. No lo he probado, puede tener algún errorsito. Pruébalo:

Código HTML:

<!-------------Esto va en el HEAD de la página-------------------------->
<script langueje="javascript">
  function Calcular(id){
     dias = document.getElementById('dias'+id).value;
     sueldo_basico = document.getElementById('sueldo_basico'+id).value;
     sueldo_quinc = document.getElementById('sueldo_quinc'+id);
     sueldo = sueldo_basico * dias;
     sueldo_quinc.value = sueldo;
  }
</script>
<!---------------------------------------------------------------------->
<form action="nomina.php" method="post" >
 <table width="750" border="0" class="tabla2">
    <tr>
     <td colspan="5" class="td2" bgcolor="#95bce2">UNIDAD EDUCATIVA</td>
     </tr>
        <tr>
          <td colspan="5">NOMINA PARA EL PAGO DE SUELDOS EMPLEADOS</td>
        </tr>
        <tr>
          <td width="7%">Desde:</td>
          <td width="15%">&nbsp;</td>
          <td width="7%">Hasta:</td>
          <td width="16%">&nbsp;</td>
          <td>&nbsp;</td>
          </tr>
      </table>
      <br />
  <table width="750" border="1"  bordercolor="#95bce2"  class="tabla3">
    <tr bgcolor="#95bce2 ">
    <td>Nº</td>
    <td>CI</td>
    <td>APELLIDOS</td>
    <td>NOMBRES</td>
    <td>DIAS</td>
    <td>SUELDO BÁSICO</td>
    <td>SUELDO B. QUINCENA</td>
    <td>IVSS</td>
    <td>PARO FORSOZO</td>
    <td>LPH</td>
    <td>OTROS INGRESOS</td>
    <td>OTROS DESCUENT</td>
    <td>TOTAL DEDUCCIONES</td>
    <td>TOTAL DEVENGADO</td>
  </tr>
  <?php
$rs = mysql_query("SELECT * FROM empleados ORDER BY id_empleado ASC");
$i=0; 
while ($result = mysql_fetch_array($rs)) {
    $i++;
    $id_empleado = $result['id_empleado'];
    $ci = $result['ci'];
    $pnombre = $result['pnombre'];
    $snombre = $result['snombre'];
    $papellido = $result['papellido'];
    $sapellido = $result['sapellido'];
    $cargo = $result['cargo'];
    $sueldo_basico = $result['sueldo_basico'];
 
    //$sueldo_quin = number_format(($sueldo_basico*$dias),2,'.','');
    $ivss = number_format(($sueldo_basico*4/100),2,'.','');
    $paro_for = number_format(($sueldo_basico*0.5/100),2,'.','');
    $lph = number_format(($sueldo_basico*1/100),2,'.','');
    $sueldo_diario = number_format(($sueldo_basico/30),2,'.','');
 
    echo '
  <tr>
    <input id="sueldo_basico'.$i.'" name="sueldo_basico'.$i.'" type="hidden" value='.$sueldo_basico.'/>
    <td>'.$id_empleado.'</td>
    <td>'.$ci.'</td>
    <td>'.$papellido $sapellido.'</td>
    <td>'.$pnombre $snombre.'</td>
    <td><input name="dias'.$i.'" type="text" id="dias'.$i.'" size="2" onchange="Calcular('.$i.')"/></td>
    <td>'.$sueldo_basico.'</td>
    <td><input name="sueldo_quinc'.$i.'" type="text" id="sueldo_quinc'.$i.'" size="5" /></td>
    <td>'.$ivss.'</td>
    <td>'.$paro_for.'</td>
    <td>'.$lph.'</td>
    <td><input name="otros_ing" type="text" id="otros_ing" size="5" /></td>
    <td><input name="otros_desc" type="text" id="otros_desc" size="5" /></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>'; 
    }    
mysql_close($conn);
  ?>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>TOTAL</td>
    <td></td>
  </tr>
</table>
</form>
 

[Triby]

Kimmy, enviar bloques tan grandes de HTML con echo es un dolor de cabeza, un punto o una comilla demás y boom! dónde quedo el error? habrá que buscar otra forma de generar tu HTML que sea más legible y te permita encontrar fácilmente los problemas y errores.

Iniciado por jorgelpadronb

Tienes que poner esa linea entre sus propias etiqutas <script> y fuera de las etiquetas <script> donde está el resto del javascript. Ah y muy importante, tienes que generar las etiquetas <script> desde PHP junto con la variable, si no, nada de nada. El problema es que no puedes poner salida de PHP entre etiquetas <script>, entonces las generas junto con la variable y las pones en el HMTL.

Me podrías dar alguna referencia o explicación sobre esto? porque, en verdad, yo lo uso y funciona perfectamente, no hay diferencia alguna entre hacer un simple echo de una variable PHP o incluirla entre etiquetas o comillas o lo que sea.

Créeme, si no te funciona es porque algo estás haciendo mal, prueba algo sencillo:

Código PHP:

<?php
$mp4 = 'Este es el título de alguna canción';
?>
<script type="text/javascript">
texto = '<?php echo $mp4; ?>';
alert('El texto es:' + texto);
</script>
 

Y, por cierto, la etiqueta <script> así sin más atributos no es recomendable porque el navegador puede hacer cada barbaridad al tratar de interpretar de qué se trata... y más si hablamos de IE. Entonces, aunque cueste más trabajo, para evitar problemas y de paso tener un código más "portable" se debe hacer así: <script type="text/javascript">

[jorgelpadronb]

Tienes razón Triby. Funciona perfecto. Debo haber estado haciendo algo mal. Es que después de heberlo probado en varias ocasiones y habiendo fallado en todas ellas en contextos distintos, ya había dado por sentado que eso no funcionaba así.

Incluso después de fallar varias veces hice una prueba intencional: Puse la variable dentro de los <script> y no funcionaba, luego la ponía fuera (con sus propios <script>) y funcionó. Luego de repetir la prueba varias veces ya estaba convencido de que no funcionaba sino fuera de los <script>.

A estas alturas ya estoy dudando de la efizacia del método científico de demostración. JAJAJA.

Sobre los atributos de <script> tienes razón. Lo que pasa es que no todos los navegadores tienen las mismas opciones por defecto y cuando se omiten los atributos el navegador usa los valores por defecto. Ya te imaginas el lío quee forma. Pasa que a veces lo pongo así para abreviar. Tal vez mi error sea el creer que todo el mundo la va a interpretar correctamente.

Saludos.

[kimmy]

Hola, gracias por la ayuda de ambos pero sigo sin resolver esto. El primer código que apliqué funcionaba, es decir este:

Código Javascript:

<script type="text/javascript">
    function calcula(dias, sueldo_quinc) {
        sueldo = <?php echo $sueldo_diario; ?>;
        document.getElementById('sueldo_quinc').value = dias * sueldo;
    }
    </script>
 

pero solo me calcula el primer campo pues como los datos vienen de un array de la BD que muestra los empleados, al tratar de calcular el segundo me modifica el primero y no hace el segundo.

este es donde se muestra:

Código PHP:

echo "
  <tr>
    <td>$id_empleado</td>
    <td>$ci</td>
    <td>$papellido $sapellido</td>
    <td>$pnombre $snombre</td>
    <td><input name=\"dias\" type=\"text\" id=\"dias\" size=\"2\" value=\"\" onblur=\"calcula(this.value, 'sueldo_quinc');\"/></td>
    <td>$sueldo_basico</td>
    <td><input name=\"sueldo_quinc\" type=\"text\" id=\"sueldo_quinc\" size=\"5\" value=\"\" readonly=\"readonly\"/></td>
    <td>$ivss</td>
    <td>$paro_for</td>
    <td>$lph</td>
    <td><input name=\"otros_ing\" type=\"text\" id=\"otros_ing\" size=\"5\" /></td>
    <td><input name=\"otros_desc\" type=\"text\" id=\"otros_desc\" size=\"5\" /></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>"; 
    }
 

Lo que necesito saber es como hacer para que calcule cada uno o sea como se maneja cuando es un array. Disculpen la insistencia pero no lo logro.

[Triby]

Sería más fácil ayudarte si muestras todo el código, al menos donde generas los campos, incluido el for o while (si lo hay).

De entrada, si estás generando varias líneas con ese código, estarás duplicando atributos id y name, por lo que el resultado sería como tener solamente una línea, el resto, serán ignoradas o sobreescribirán a la anterior.

[kimmy]

Gracias Triby. Este es el código:

Código PHP:

<form action="nomina_reg.php" method="post" >
   <table width="750" border="0" class="tabla2">
    <tr>
     <td colspan="5" class="td2" bgcolor="#95bce2">UNIDAD EDUCATIVA</td>
      </tr>
      <tr>
      <td colspan="5">NOMINA PARA EL PAGO DE SUELDOS EMPLEADOS</td>
      </tr>
      <tr>
          <td width="7%">Desde:</td>
          <td width="15%">&nbsp;</td>
          <td width="7%">Hasta:</td>
          <td width="16%">&nbsp;</td>
          <td>&nbsp;</td>
          </tr>
      </table>
      <br />
     <table width="750" border="1"  bordercolor="#95bce2"  class="tabla3">
     <tr bgcolor="#95bce2 ">
     <td width="3%" class="td3">Nº</td>
     <td width="3%" class="td3">CI</td>
     <td width="10%" class="td3">APELLIDOS</td>
     <td width="11%" class="td3">NOMBRES</td>
     <td width="4%" class="td3">DIAS</td>
     <td width="8%" class="td3">SUELDO BÁSICO</td>
     <td width="8%" class="td3">SUELDO B. QUINCENA</td>
     <td width="8%" class="td3">IVSS</td>
     <td width="8%" class="td3">PARO FORSOZO</td>
     <td width="8%" class="td3">LPH</td>
     <td width="8%" class="td3">OTROS INGRESOS</td>
     <td width="8%" class="td3">OTROS DESCUENT</td>
     <td width="8%" class="td3">TOTAL DEDUCCIONES</td>
     <td width="8%" class="td3">TOTAL DEVENGADO</td>
     </tr>
  <?php
$rs = mysql_query("SELECT * FROM empleados ORDER BY id_empleado ASC");
while ($result = mysql_fetch_array($rs)) {
    $id_empleado = $result['id_empleado'];
    $ci = $result['ci'];
    $pnombre = $result['pnombre'];
    $snombre = $result['snombre'];
    $papellido = $result['papellido'];
    $sapellido = $result['sapellido'];
    $cargo = $result['cargo'];
    $sueldo_basico = $result['sueldo_basico'];
 
    //$sueldo_quin = number_format(($sueldo_basico*$dias),2,'.','');
    $ivss = number_format(($sueldo_basico*4/100),2,'.','');
    $paro_for = number_format(($sueldo_basico*0.5/100),2,'.','');
    $lph = number_format(($sueldo_basico*1/100),2,'.','');
    $sueldo_diario = number_format(($sueldo_basico/30),2,'.','');
    //$dias_trabajados = number_format((
    //$total_deducc = number_format((
     // echo '<script>var sueldo ='. $sueldo_diario.'; ?>
 
 <script type="text/javascript">
    // dias es el total de días trabajados
    // campo es la id del input text que se debe actualizar
    function calcula(dias, sueldo_quinc) {
        sueldo = <?php echo $sueldo_diario; ?>;
        // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
        document.getElementById('sueldo_quinc').value = dias * sueldo;
     }
    </script>
 
<?php
    
echo "
  <tr>
    <td>$id_empleado</td>
    <td>$ci</td>
    <td>$papellido $sapellido</td>
    <td>$pnombre $snombre</td>
    <td><input name=\"dias\" type=\"text\" id=\"dias\" size=\"2\" value=\"\" onblur=\"calcula(this.value, 'sueldo_quinc');\"/></td>
    <td>$sueldo_basico</td>
    <td><input name=\"sueldo_quinc\" type=\"text\" id=\"sueldo_quinc\" size=\"5\" value=\"\" readonly=\"readonly\"/></td>
    <td>$ivss</td>
    <td>$paro_for</td>
    <td>$lph</td>
    <td><input name=\"otros_ing\" type=\"text\" id=\"otros_ing\" size=\"5\" /></td>
    <td><input name=\"otros_desc\" type=\"text\" id=\"otros_desc\" size=\"5\" /></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>"; 
    }
        
mysql_close($conn);
  ?>
  <tr>
      <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>
     <td>&nbsp;</td>
     <td class="td3">TOTAL</td>
     <td>&nbsp;</td>
  </tr>
</table>
</form>
 

???

[Triby]

Bueno, tienes varios errores:

1- En cada paso del while estás creando el javascript con la función para calcular, ésta debe aparecer sólo una vez.
2- En cada fila de la tabla repites nombres e id's de campos

Aquí, la cuestión sería cómo pretendes tomar después todos los campos del formulario, como array?

Entonces:

Código PHP:

<script type="text/javascript">
// dias es el total de días trabajados
// sueldo es el sueldo básico del empleado
// indice corresponde al input text que se debe actualizar
function calcula(dias, sueldo, indice) {
    // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
    document.getElementById('sueldo_quinc' + indice).value = dias * sueldo;
}
</script>
 
<?php
// Necesitamos un índice numérico para generar los ID de campos
$indice = 1;
while($result = mysql_fetch_array($rs)) {
    // Realmente no necesitas hacer todas las asignaciones que tienes
    // Sólo estás agregando más código, siempre puedes incluir...
    // ... elementos de array en cadenas usando {$result['indice']}
    $ivss = number_format(($result['sueldo_basico']*4/100),2,'.','');
    $paro_for = number_format(($result['sueldo_basico']*0.5/100),2,'.','');
    $lph = number_format(($result['sueldo_basico']*1/100),2,'.','');
    $sueldo_diario = number_format(($result['sueldo_basico']/30),2,'.','');
    // Para facilitar un poco las cosas, habrá que agregar un campo oculto...
    // ...con la id de empleado
?>
    <tr>
        <td><?php echo $result['id_empleado']; ?><input type="hiden" name="id_empleado[]" value="<?php echo $result['id_empleado']; ?>" /></td>
        <td><?php echo $result['ci']; ?></td>
        <td><?php echo "{$result['papellido']} {$result['sapellido']}"; ?></td>
        <td><?php echo "{$result['pnombre']} {$result['snombre']}"; ?></td>
        <td><input name="dias[]" type="text" id="dias<?php echo $indice; ?>" size="2" value="" onblur="calcula(this.value, '<?php echo $result['sueldo_basico']; ?>', <?php echo $indice; ?>);" /></td>
        <td><?php echo $result['sueldo_basico']; ?></td>
        <td><input name="sueldo_quinc[]" type="text" id="sueldo_quinc<?php echo $indice; ?>" size="5" value="" readonly="readonly" /></td>
        <td><?php echo $ivss; ?></td>
        <td><?php echo $paro_for; ?></td>
        <td><?php echo $lph; ?></td>
        <td><input name="otros_ing[]" type="text" size="5" /></td>
        <td><input name="otros_desc[]" type="text"size="5" /></td>
       <td></td>
       <td></td>
    </tr>
<?php
    $indice ++;
} // fin de while
?>
 

Al procesar el formulario haces un var_dump($_POST); para que veas cómo vienen los datos y puedas tomarlos sin problemas.

[kimmy]

Te muestro una foto de lo que estoy haciendo:



Esto viene de la consulta y en el campo dias se colocan los dias que se multiplican con el sueldo diario para que de el sueldo quincena.

[Triby]

Y probaste lo que sugerí?... digo, algún avance (o retroceso) debe haber.

[kimmy]

Si lo probé pero ahora no me calcula nada.

[Triby]

A ver, muéstranos el código fuente generado en el navegador y vemos qué esta pasando.

[kimmy]

Este es el código fuente:

Código PHP:

<form action="nomina_reg.php" method="post" >
      <table width="750" border="0" class="tabla2">
 
        <tr>
          <td colspan="5" class="td2" bgcolor="#95bce2">UNIDAD EDUCATIVA EL MILAGRO DE LA PERLA</td>
          </tr>
        <tr>
          <td colspan="5">NOMINA PARA EL PAGO DE SUELDOS EMPLEADOS</td>
          </tr>
        <tr>
          <td width="7%">Desde:</td>
 
          <td width="15%">&nbsp;</td>
          <td width="7%">Hasta:</td>
          <td width="16%">&nbsp;</td>
          <td>&nbsp;</td>
          </tr>
      </table>
      <br />
      <table width="750" border="1"  bordercolor="#95bce2"  class="tabla3">
 
  <tr bgcolor="#95bce2 ">
    <td width="3%" class="td3">Nº</td>
    <td width="3%" class="td3">CI</td>
    <td width="10%" class="td3">APELLIDOS</td>
    <td width="11%" class="td3">NOMBRES</td>
    <td width="4%" class="td3">DIAS</td>
 
    <td width="8%" class="td3">SUELDO BÁSICO</td>
    <td width="8%" class="td3">SUELDO B. QUINCENA</td>
    <td width="8%" class="td3">IVSS</td>
    <td width="8%" class="td3">PARO FORSOZO</td>
    <td width="8%" class="td3">LPH</td>
    <td width="8%" class="td3">OTROS INGRESOS</td>
 
    <td width="8%" class="td3">OTROS DESCUENT</td>
    <td width="8%" class="td3">TOTAL DEDUCCIONES</td>
    <td width="8%" class="td3">TOTAL DEVENGADO</td>
  </tr>
  <script type="text/javascript">
    // dias es el total de días trabajados
    // campo es la id del input text que se debe actualizar
    function calcula(dias, sueldo_quinc) {
        sueldo = ;
        // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
        document.getElementById('sueldo_quinc').value = dias * sueldo;
        
    }
    </script>
      <tr>
        <td>1<input type="hidden" name="id_empleado[]" value="1" /></td>
 
        <td>14587456</td>
        <td>Tovar Lamas</td>
        <td>Julia Lisa</td>
        <td><input name="dias[]" type="text" id="dias1" size="2" value="" onblur="calcula(this.value, '1548.21', 1);" /></td>
        <td>1548.21</td>
        <td><input name="sueldo_quinc[]" type="text" id="sueldo_quinc1" size="5" value="" readonly="readonly" /></td>
        <td>61.93</td>
 
        <td>7.74</td>
        <td>15.48</td>
        <td><input name="otros_ing[]" type="text" size="5" /></td>
        <td><input name="otros_desc[]" type="text"size="5" /></td>
       <td></td>
       <td></td>
    </tr>
    <tr>
 
        <td>2<input type="hidden" name="id_empleado[]" value="2" /></td>
        <td>18236369</td>
        <td>Vera Suarez</td>
        <td>Rosa Victoria</td>
        <td><input name="dias[]" type="text" id="dias2" size="2" value="" onblur="calcula(this.value, '1548.21', 2);" /></td>
        <td>1548.21</td>
 
        <td><input name="sueldo_quinc[]" type="text" id="sueldo_quinc2" size="5" value="" readonly="readonly" /></td>
        <td>61.93</td>
        <td>7.74</td>
        <td>15.48</td>
        <td><input name="otros_ing[]" type="text" size="5" /></td>
        <td><input name="otros_desc[]" type="text"size="5" /></td>
       <td></td>
 
       <td></td>
    </tr>
  <tr>
      <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>
    <td>&nbsp;</td>
    <td class="td3">TOTAL</td>
 
    <td>&nbsp;</td>
  </tr>
</table>
</form>
 

[Triby]

Bueno, dos cosas:
- <script>... </script> no puede estar dentro de la tabla, en medio de </tr> y <tr>, colócalo antes de <table>
- La función para calcular no es correcta, copia la última que te sugerí y nos cuentas si va o no va.

[kimmy]

Muchas gracias, ahora si funcionó, lo único es que tengo que multiplicar los dias por el sueldo diario que es la formula $sueldo_diario = number_format(($result['sueldo_basico']/30),2,'.','');. Lo puse asi pero no me lo hace:

Código Javascript:

<script type="text/javascript">
function calcula(dias, sueldo_diario, indice) {
    // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
    document.getElementById('sueldo_quinc' + indice).value = dias * sueldo_diario;
}
</script>
 

y en el formulario asi:

Código PHP:

<td><input name="sueldo_diario[]" type="text" id="sueldo_diario<?php echo $sueldo_diario; ?>" value="<?php echo $sueldo_diario; ?>" size="5" readonly="readonly" /></td>
 

[Triby]

Bueno, lo que pasa es que $sueldo_diario ya tiene formato, sólo asegúrate de enviar el valor adecuado (numérico, sin formato).

[kimmy]

Disculpa tanta ignorancia, pero no me sale. le quite el formato y quedo asi:

Código PHP:

$sueldo_diario = $result['sueldo_basico']/30;
 

y no lo toma, me sigue sumando el sueldo basico

[Triby]

Ver nuevamente el codigo fuente generado en el navegador puede ayudar.

[kimmy]

Triby super muchas gracias por tanta ayuda. Ya lo arreglé. Estaba colocando mal la variable en el id dias. Quedó asi:

Código PHP:

<td><input name="dias[]" type="text" id="dias<?php echo $indice; ?>" size="2" value="" onblur="calcula(this.value, '<?php echo $sueldo_diario; ?>', <?php echo $indice; ?>);" /></td>
<td><?php echo $result['sueldo_basico']; ?></td>
<td><?php echo $sueldo_diario; ?></td>
 

Mil gracias siempre por tu ayuda y paciencia ;)

[kimmy]

Siguiendo en la nómina, logré calcular el total de deducciones pero no me funciona el total devengado. Este es mi código:

Código Javascript:

function calcula(dias, sueldo_diario, indice) {
    // Va sin formato, eso tendrás que preguntarlo en el foro de Javascript
    document.getElementById('sueldo_quinc' + indice).value = dias * sueldo_diario;
}
 
function deducciones(otros_desc, ivss, paro_for, lph, indice2) {
    document.getElementById('total_deducc' + indice2).value = parseFloat(otros_desc) + parseFloat(ivss) + parseFloat(paro_for) + parseFloat(lph);
}
 
function total_dev(otros_ing, sueldo_quinc, total_deducc, indice3) {
    document.getElementById('total_deveng' + indice3).value = (parseFloat(otros_ing) + parseFloat(sueldo_quinc)) - parseFloat(total_deducc);
}
 

y el fomulario:

Código PHP:

<form action="nomina_reg.php" method="post" >
<table width="750" border="0" class="tabla2">
<tr>
<td colspan="5" class="td2" bgcolor="#95bce2">UNIDAD EDUCATIVA</td>
</tr>
<tr>
<td colspan="5">NOMINA PARA EL PAGO DE SUELDOS EMPLEADOS</td>
</tr>
<tr>
<td width="7%">Desde:</td>
<td width="15%">&nbsp;</td>
<td width="7%">Hasta:</td>
<td width="16%">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
<br />
<table width="750" border="1"  bordercolor="#95bce2"  class="tabla3">
<tr bgcolor="#95bce2 ">
    <td width="3%" class="td3">Nº</td>
    <td width="3%" class="td3">CI</td>
    <td width="10%" class="td3">APELLIDOS</td>
    <td width="11%" class="td3">NOMBRES</td>
    <td width="4%" class="td3">DIAS</td>
    <td width="8%" class="td3">SUELDO BÁSICO</td>
    <td width="8%" class="td3">SUELDO DIARIO</td>    
    <td width="8%" class="td3">SUELDO B. QUINCENA</td>
    <td width="8%" class="td3">IVSS</td>
    <td width="8%" class="td3">PARO FORSOZO</td>
    <td width="8%" class="td3">LPH</td>
    <td width="8%" class="td3">OTROS INGRESOS</td>
    <td width="8%" class="td3">OTROS DESCUENT</td>
    <td width="8%" class="td3">TOTAL DEDUCCIONES</td>
    <td width="8%" class="td3">TOTAL DEVENGADO</td>
  </tr>
  
  <?php
$indice = 1;
$indice2 = 1;
[B]$indice3 = 1;[/B]
$rs = mysql_query("SELECT * FROM empleados ORDER BY id_empleado ASC");
while($result = mysql_fetch_array($rs)) {
    $ivss = number_format(($result['sueldo_basico']*4/100),2,'.','');
    $paro_for = number_format(($result['sueldo_basico']*0.5/100),2,'.','');
    $lph = number_format(($result['sueldo_basico']*1/100),2,'.','');
    $sueldo_diario = $result['sueldo_basico']/30;
?>
    <tr>
    <td><?php echo $result['id_empleado']; ?><input type="hidden" name="id_empleado[]" value="<?php echo $result['id_empleado']; ?>" /></td>
        <td><?php echo $result['ci']; ?></td>
        <td><?php echo "{$result['papellido']} {$result['sapellido']}"; ?></td>
        <td><?php echo "{$result['pnombre']} {$result['snombre']}"; ?></td>
        <td><input name="dias[]" type="text" id="dias<?php echo $indice; ?>" size="2" value="" onblur="calcula(this.value, '<?php echo $sueldo_diario; ?>', <?php echo $indice; ?>);" /></td>
        <td><?php echo $result['sueldo_basico']; ?></td>
        <td><?php echo $sueldo_diario; ?></td>
        <td><input name="sueldo_quinc[]" type="text" id="sueldo_quinc<?php echo $indice; ?>" size="5" value="" readonly="readonly" /></td>
        <td><?php echo $ivss; ?></td>
        <td><?php echo $paro_for; ?></td>
        <td><?php echo $lph; ?></td>
        [B]<td><input name="otros_ing[]" type="text" id="otros_ing<?php echo $indice3; ?>" size="5" value="" onblur="total_dev(this.value, '<?php echo $sueldo_quinc; ?>', '<?php echo $total_deducc; ?>', <?php echo $indice3; ?>);" /></td>[/B]
        <td><input name="otros_desc[]" type="text" id="otros_desc<?php echo $indice2; ?>" size="5" value="" onblur="deducciones(this.value, '<?php echo $ivss; ?>', '<?php echo $paro_for; ?>', '<?php echo $lph; ?>', <?php echo $indice2; ?>);" /></td>
        <td><input name="total_deducc[]" type="text" id="total_deducc<?php echo $indice2; ?>" size="5" value="" readonly="readonly" /></td>
       <td><input name="total_deveng[]" type="text" id="total_deveng<?php echo $indice3; ?>" size="5" value="" readonly="readonly" /></td>
    </tr>
<?php
    $indice ++;
    $indice2 ++;
    [B]$indice3 ++;[/B]
} // fin de while
 

Me imagino que no funciona porque $sueldo_quinc y total_deducc son array pero no se como ponerlos....

[kimmy]

amigos sigo trabada en esta funcion:

Código Javascript:

function total_dev(otros_ing, sueldo_quinc, total_deducc, indice3) {
    document.getElementById('total_deveng' + indice3).value = (parseFloat(otros_ing) + parseFloat(sueldo_quinc)) - parseFloat(total_deducc);
}
 

y aqui el formulario:

Código PHP:

$indice = 1;
$indice2 = 1;
$indice3 = 1;
$rs = mysql_query("SELECT * FROM empleados ORDER BY id_empleado ASC");
while($result = mysql_fetch_array($rs)) {
    $ivss = number_format(($result['sueldo_basico']*4/100),2,'.','');
    $paro_for = number_format(($result['sueldo_basico']*0.5/100),2,'.','');
    $lph = number_format(($result['sueldo_basico']*1/100),2,'.','');
    $sueldo_diario = $result['sueldo_basico']/30;
?>
    <tr>
    <td><?php echo $result['id_empleado']; ?><input type="hidden" name="id_empleado[]" value="<?php echo $result['id_empleado']; ?>" /></td>
        <td><?php echo $result['ci']; ?></td>
        <td><?php echo "{$result['papellido']} {$result['sapellido']}"; ?></td>
        <td><?php echo "{$result['pnombre']} {$result['snombre']}"; ?></td>
        <td><input name="dias[]" type="text" id="dias<?php echo $indice; ?>" size="2" value="" onblur="calcula(this.value, '<?php echo $sueldo_diario; ?>', <?php echo $indice; ?>);" /></td>
        <td><?php echo $result['sueldo_basico']; ?></td>
        <td><?php echo $sueldo_diario; ?></td>
        <td><input name="sueldo_quinc[]" type="text" id="sueldo_quinc<?php echo $indice; ?>" size="5" value="" readonly="readonly" /></td>
        <td><?php echo $ivss; ?></td>
        <td><?php echo $paro_for; ?></td>
        <td><?php echo $lph; ?></td>
        <td><input name="otros_ing[]" type="text" id="otros_ing<?php echo $indice3; ?>" size="5" value="" onblur="total_dev(this.value, '<?php echo $sueldo_quinc; ?>', '<?php echo $total_deducc; ?>', <?php echo $indice3; ?>);" /></td>
        <td><input name="otros_desc[]" type="text" id="otros_desc<?php echo $indice2; ?>" size="5" value="" onblur="deducciones(this.value, '<?php echo $ivss; ?>', '<?php echo $paro_for; ?>', '<?php echo $lph; ?>', <?php echo $indice2; ?>);" /></td>
        <td><input name="total_deducc[]" type="text" id="total_deducc<?php echo $indice2; ?>" size="5" value="" readonly="readonly" /></td>
       <td><input name="total_deveng[]" type="text" id="total_deveng<?php echo $indice3; ?>" size="5" value="" readonly="readonly" /></td>
    </tr>
<?php
    $indice ++;
    $indice2 ++;
    $indice3 ++;
} // fin de while
 

cuando lo ejecuto me da en el total el resultado NaN. No se que hago mal????

[kimmy]

seguí probando y veo que el problema lo tiene sueldo_quinc y total_deducc. Ellos son el resultado de las funciones calcula y deducciones pero no se como tomarlas para que se sumen con otros_ing.

se almacenan asi:

document.getElementById('sueldo_quinc' + indice).value = dias * sueldo_diario;
document.getElementById('total_deducc' + indice2).value = parseFloat(otros_desc) + parseFloat(ivss) + parseFloat(paro_for) + parseFloat(lph);

como puedo sumarla y restarla en mi funcion:

Código Javascript:

function total_dev(otros_ing, sueldo_quinc, total_deducc, indice3) {
        document.getElementById('total_deveng' + indice3).value = (parseFloat(otros_ing) + parseFloat(sueldo_quinc)) - parseFloat(total_deducc);
    }
 

Por favor les agradezco su ayuda...

[kimmy]

Amigos sigo con este problema. Vi que no estoy pasando bien esto aqui:

Código PHP:

<td><input name="otros_ing[]" type="text" id="otros_ing<?php echo $indice3; ?>" size="5" value="" onBlur="total_dev(this.value, 'sueldo_quinc<?php echo $indice; ?>', 'total_deducc<?php echo $indice2; ?>', <?php echo $indice3; ?>);" /></td>
 

porque al ver el código fuente me sale esto

Código PHP:

<td><input name="otros_ing[]" type="text" id="otros_ing1" size="5" value="" onBlur="total_dev(this.value, 'sueldo_quinc[1]', 'total_deducc1', 1);" /></td>
 

Entonces el problema es que no estoy obteniendo el valor de cada elemento del array.

Mi pregunta es como puedo poner esto para que vaya recorriendo y capture esos valores

De verdad necesito su ayuda pues tengo mas de un mes en esto y no se que hacer.

Gracias...