Calcular Promedio de 3 notas

tranquilo_8925 · #1 (**permalink**) 24/02/2013, 20:27

Tengo el siguiente script para calcular el promedio de 3 notas:

Código PHP:

Ver original<script>
function prom() {
var num1 = parseInt(document.form1.n1.value);
var num2 = parseInt(document.form1.n2.value);
var num3 = parseInt(document.form1.n3.value);
document.form1.pf.value=(num1+num2+num3)/3;
}
</script>

Luego en el formulario (form1), cargo el script mediante ONCHANGE como lo vemos a continuación, pero no consigo que se calcule el promedio. En este foro había visto este código y algunos comentaban que cuando escribían una nota en la text n1, automáticamente se promediaba, y cuando escribían en el text n2 de igual manera. Pero en mi caso no logro ningún resultado.

Código PHP:

Ver original<input name="n1[]" type="text" id="n1[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n1']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="n2[]" type="text" id="n2[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n2']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="n3[]" type="text" id="n3[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n3']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="pf[]" type="text" id="pf[]" value="<?php echo $row_p['pf']; ?>" size="2" style="text-align: center" readonly="true" />

Lo estaba haciendo de otra manera sin Script. Directamente lo calculo desde el campo promedio (pf), pero lo malo es que tengo que darle doble clic al BUTTON para que me actualice los datos. Cuando le doy un clic al BUTTON, sólo calcula pero no envía los datos a la base de datos. Tengo que darle nuevamente otro clic para que recién actualice los registros. Si alguien sabe como realizar el cálculo y la actualización de datos con UN SÓLO CLIC, por favor ayuden ...

ArturoGallegos · #2 (**permalink**) 24/02/2013, 22:18

n1 no es lo mismo que n1[] por ende no funciona tu script, también para que te podamos ayudar necesitas mostrarnos el código html generado, el código con php no nos sirve.

tranquilo_8925 · #3 (**permalink**) 25/02/2013, 05:48

Muchas gracias ArturoGallegos por tu pronta respuesta. También lo hice poniéndole n1[], n2[] n3[], dentro del script, pero tampoco me funciona. Mejor pongo todo el código para que lo revises.

Código PHP:

Ver original<?php require_once('Connections/cnotas.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
 
  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
 
  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}
 
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
 
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form1")) {
foreach($_POST['cod_nota'] as $key =>$value) { // LÍNEA INCLUIDO
  $updateSQL = sprintf("UPDATE ejemplo SET nombre=%s, n1=%s, n2=%s, n3=%s, pf=%s WHERE cod_nota=$value",
                       GetSQLValueString($_POST['nombre'][$key], "text"),
                       GetSQLValueString($_POST['n1'][$key], "text"),
                       GetSQLValueString($_POST['n2'][$key], "text"),
                       GetSQLValueString($_POST['n3'][$key], "text"),
                       GetSQLValueString($_POST['pf'][$key], "text"),
                       GetSQLValueString($_POST['cod_nota'][$key], "int"));
 
  mysql_select_db($database_cnotas, $cnotas);
  $Result1 = mysql_query($updateSQL, $cnotas) or die(mysql_error());
}
} // } INCLUIDO
$maxRows_p = 20;
$pageNum_p = 0;
if (isset($_GET['pageNum_p'])) {
  $pageNum_p = $_GET['pageNum_p'];
}
$startRow_p = $pageNum_p * $maxRows_p;
 
mysql_select_db($database_cnotas, $cnotas);
$query_p = "SELECT * FROM ejemplo ORDER BY nombre ASC";
$query_limit_p = sprintf("%s LIMIT %d, %d", $query_p, $startRow_p, $maxRows_p);
$p = mysql_query($query_limit_p, $cnotas) or die(mysql_error());
$row_p = mysql_fetch_assoc($p);
 
if (isset($_GET['totalRows_p'])) {
  $totalRows_p = $_GET['totalRows_p'];
} else {
  $all_p = mysql_query($query_p);
  $totalRows_p = mysql_num_rows($all_p);
}
$totalPages_p = ceil($totalRows_p/$maxRows_p)-1;
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Promedios</title>
 
 
<script>
function prom() {
var num1 = parseInt(document.form1.n1.value);
var num2 = parseInt(document.form1.n2.value);
var num3 = parseInt(document.form1.n3.value);
document.form1.pf.value=(num1+num2+num3)/3;
}
</script>
 
 
 
<style type="text/css">
<!--
.Estilo1 {
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    color: #FF0000;
}
-->
</style>
</head>
 
<body>
<p align="center" class="Estilo1">Actualizar Promedios</p>
<form id="form1" name="form1" method="POST" action="<?php echo $editFormAction; ?>">
  <table border="1" align="center" cellpadding="1" cellspacing="0">
    <tr align="center">
      <td>C&oacute;digo</td>
      <td>Apellidos y Apellidos</td>
      <td>N1</td>
      <td>N2</td>
      <td>N3</td>
      <td>Prom</td>
    </tr>
    <?php do { ?>
      <tr>
        <td align="center"><label>
          <input name="cod_nota[]" type="text" id="cod_nota[]" value="<?php echo $row_p['cod_nota']; ?>" size="4" style="text-align: center" readonly="true" />
        </label></td>
        <td><label>
          <input name="nombre[]" type="text" id="nombre[]" value="<?php echo $row_p['nombre']; ?>" size="45" readonly="true" />
        </label></td>
        <td align="center"><label>
          <input name="n1[]" type="text" id="n1[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n1']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="n2[]" type="text" id="n2[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n2']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="n3[]" type="text" id="n3[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n3']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="pf[]" type="text" id="pf[]" value="<?php echo $row_p['pf']; ?>" size="2" style="text-align: center" readonly="true" />
        </label></td>
      </tr>
      <?php } while ($row_p = mysql_fetch_assoc($p)); ?>
  </table>
  <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="center"><label>
        <input type="submit" name="button" id="button" value="Guardar Cambios" />
      </label></td>
    </tr>
  </table>
  <input type="hidden" name="MM_update" value="form1" />
</form>
</body>
</html>
<?php
mysql_free_result($p);
?>

Ese es todo el código de mi página. Revísalo y me dices donde estoy fallando ... Muchas gracias de veras por tu ayuda ...

emprear · #4 (**permalink**) 25/02/2013, 07:25

Cita:

Iniciado por tranquilo_8925

Muchas gracias ArturoGallegos por tu pronta respuesta. También lo hice poniéndole n1[], n2[] n3[], dentro del script, pero tampoco me funciona. Mejor pongo todo el código para que lo revises.

Código PHP:

Ver original<?php require_once('Connections/cnotas.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "") 
{
  $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
 
  $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
 
  switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;    
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
  }
  return $theValue;
}
}
 
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
  $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
 
if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form1")) {
foreach($_POST['cod_nota'] as $key =>$value) { // LÍNEA INCLUIDO
  $updateSQL = sprintf("UPDATE ejemplo SET nombre=%s, n1=%s, n2=%s, n3=%s, pf=%s WHERE cod_nota=$value",
                       GetSQLValueString($_POST['nombre'][$key], "text"),
                       GetSQLValueString($_POST['n1'][$key], "text"),
                       GetSQLValueString($_POST['n2'][$key], "text"),
                       GetSQLValueString($_POST['n3'][$key], "text"),
                       GetSQLValueString($_POST['pf'][$key], "text"),
                       GetSQLValueString($_POST['cod_nota'][$key], "int"));
 
  mysql_select_db($database_cnotas, $cnotas);
  $Result1 = mysql_query($updateSQL, $cnotas) or die(mysql_error());
}
} // } INCLUIDO
$maxRows_p = 20;
$pageNum_p = 0;
if (isset($_GET['pageNum_p'])) {
  $pageNum_p = $_GET['pageNum_p'];
}
$startRow_p = $pageNum_p * $maxRows_p;
 
mysql_select_db($database_cnotas, $cnotas);
$query_p = "SELECT * FROM ejemplo ORDER BY nombre ASC";
$query_limit_p = sprintf("%s LIMIT %d, %d", $query_p, $startRow_p, $maxRows_p);
$p = mysql_query($query_limit_p, $cnotas) or die(mysql_error());
$row_p = mysql_fetch_assoc($p);
 
if (isset($_GET['totalRows_p'])) {
  $totalRows_p = $_GET['totalRows_p'];
} else {
  $all_p = mysql_query($query_p);
  $totalRows_p = mysql_num_rows($all_p);
}
$totalPages_p = ceil($totalRows_p/$maxRows_p)-1;
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Promedios</title>
 
 
<script>
function prom() {
var num1 = parseInt(document.form1.n1.value);
var num2 = parseInt(document.form1.n2.value);
var num3 = parseInt(document.form1.n3.value);
document.form1.pf.value=(num1+num2+num3)/3;
}
</script>
 
 
 
<style type="text/css">
<!--
.Estilo1 {
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    color: #FF0000;
}
-->
</style>
</head>
 
<body>
<p align="center" class="Estilo1">Actualizar Promedios</p>
<form id="form1" name="form1" method="POST" action="<?php echo $editFormAction; ?>">
  <table border="1" align="center" cellpadding="1" cellspacing="0">
    <tr align="center">
      <td>C&oacute;digo</td>
      <td>Apellidos y Apellidos</td>
      <td>N1</td>
      <td>N2</td>
      <td>N3</td>
      <td>Prom</td>
    </tr>
    <?php do { ?>
      <tr>
        <td align="center"><label>
          <input name="cod_nota[]" type="text" id="cod_nota[]" value="<?php echo $row_p['cod_nota']; ?>" size="4" style="text-align: center" readonly="true" />
        </label></td>
        <td><label>
          <input name="nombre[]" type="text" id="nombre[]" value="<?php echo $row_p['nombre']; ?>" size="45" readonly="true" />
        </label></td>
        <td align="center"><label>
          <input name="n1[]" type="text" id="n1[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n1']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="n2[]" type="text" id="n2[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n2']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="n3[]" type="text" id="n3[]" style="text-align: center" onchange="prom()" value="<?php echo $row_p['n3']; ?>" size="2" maxlength="2"/>
        </label></td>
        <td align="center"><label>
          <input name="pf[]" type="text" id="pf[]" value="<?php echo $row_p['pf']; ?>" size="2" style="text-align: center" readonly="true" />
        </label></td>
      </tr>
      <?php } while ($row_p = mysql_fetch_assoc($p)); ?>
  </table>
  <table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="center"><label>
        <input type="submit" name="button" id="button" value="Guardar Cambios" />
      </label></td>
    </tr>
  </table>
  <input type="hidden" name="MM_update" value="form1" />
</form>
</body>
</html>
<?php
mysql_free_result($p);
?>

Ese es todo el código de mi página. Revísalo y me dices donde estoy fallando ... Muchas gracias de veras por tu ayuda ...

tenés que pasar el html generado no el php

Saludos

tranquilo_8925 · #5 (**permalink**) 25/02/2013, 07:37

Gracias EMPREAR por tu respuesta, pero ese es todo el código, revísalo y te darás cuenta. Todo lo genero en una sola página ...

Gracias ...

emprear · #6 (**permalink**) 25/02/2013, 07:51

Cita:

Iniciado por tranquilo_8925

Gracias EMPREAR por tu respuesta, pero ese es todo el código, revísalo y te darás cuenta. Todo lo genero en una sola página ...

Gracias ...

No colega, vos tenés que entregar el HTML generado por tu php, este es el foro de Javascript, o supones que voy a crear una base de datos y generar dinamicamente una tabla con un form para verificar tu ejemplo

por si te sirve

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script>
function p(){
var num1 = parseFloat(document.getElementById('n1').value);
var num2 =parseFloat(document.getElementById('n2').value);
var num3 = parseFloat(document.getElementById('n3').value);
var pro =(num1+num2+num3)/3;
if(!isNaN(pro))
document.getElementById('promedio').innerHTML = pro.toFixed(2);
}
</script>
</head>
<body>
<form action="#">
    <input type="text" value="" id="n1" onkeyup="p();">
    <input type="text" value="" id="n2" onkeyup="p();">
    <input type="text" value="" id="n3" onkeyup="p();">
</form>
<div id="promedio">
</div>
</body>
</html>