Capturar dato

placks73 · #1 (**permalink**) 22/10/2013, 08:13

Alguien que me pueda ayudar con este codigo?

Tengo una suma de 3 campos con una funcion en javascript el resultado se carga en un ultimo campo con onchange, todos los campos los capturo en unas variables con PHP pero no he logrado capturar el del resultado que esta en onchage, este es el codigo:

<html>...
<head>
<script>
function suma() {

valor1 = document.getElementById("A").value;
valor2 = document.getElementById("B").value;
valor3 = document.getElementById("C").value;
total = parseFloat(valor1) + parseFloat(valor2) + parseFloat(valor3);

document.getElementById("total").value= total;
}
</script>

</head>

<body>
<form action="resultsuma.php" method="post">

<input type="text" value="" name="var1" id="A" onchange="suma();">
<input type="text" value="" name="var2" id="B" onchange="suma();">
<input type="text" value="" name="var3" id="C" onchange="suma();">
<input type="text" value="" name="form" id="total" value="0" disabled onchange="suma();">

<input type="submit" value="Guardar">

</body>
</html>

<?php

$variable1 = $_POST['var1'];
echo $variable1;
$variable2 = $_POST['var2'];
echo $variable2;
$variable3 = $_POST['var3'];
echo $variable3;
$resultado = $_GET['total'];
echo $resultado;
?>

PHPeros · #2 (**permalink**) 22/10/2013, 08:21

Código:

$resultado = $_POST['total'];
echo $resultado;

O POST o GET.

Saludos

placks73 · #3 (**permalink**) 22/10/2013, 08:24

No ya lo intenté asi y me sale este error

Notice: Undefined index: total

PHPeros · #4 (**permalink**) 22/10/2013, 08:27

Caray... Sería buena idea que pusieras el mismo id que name o seguir un patrón lógico.

Código:

$_POST['form'];

nksn · #5 (**permalink**) 22/10/2013, 08:28

Cita:

Iniciado por placks73

Alguien que me pueda ayudar con este codigo?

Tengo una suma de 3 campos con una funcion en javascript el resultado se carga en un ultimo campo con onchange, todos los campos los capturo en unas variables con PHP pero no he logrado capturar el del resultado que esta en onchage, este es el codigo:

<html>...
<head>
<script>
function suma() {

valor1 = document.getElementById("A").value;
valor2 = document.getElementById("B").value;
valor3 = document.getElementById("C").value;
total = parseFloat(valor1) + parseFloat(valor2) + parseFloat(valor3);

document.getElementById("total").value= total;
}
</script>

</head>

<body>
<form action="resultsuma.php" method="post">

<input type="text" value="" name="var1" id="A" onchange="suma();">
<input type="text" value="" name="var2" id="B" onchange="suma();">
<input type="text" value="" name="var3" id="C" onchange="suma();">
<input type="text" value="" name="form" id="total" value="0" disabled onchange="suma();">

<input type="submit" value="Guardar">

</body>
</html>

<?php

$variable1 = $_POST['var1'];
echo $variable1;
$variable2 = $_POST['var2'];
echo $variable2;
$variable3 = $_POST['var3'];
echo $variable3;
$resultado = $_GET['total'];
echo $resultado;
?>

tienes algunos errores

primero, todas las variables se enviaran bajo el metodo post, por lo que

$resultado = $_POST['total];

en segundo lugar el formulario esta algo "raro", no deberías poner el "onchange" dentro de la variable desactivada (ya que no tiene funciona alguna) y el nombre tiene que ser "total y no "form"

el código quedaría así

<input type="text" value="" name="var1" id="A" onchange="suma();">
<input type="text" value="" name="var2" id="B" onchange="suma();">
<input type="text" value="" name="var3" id="C" onchange="suma();">
<input type="text" value="" name="total" id="total" value="0" disabled />

pero, no entiendo porque envías todas las variables a php si lo sumas del lado cliente...

placks73 · #6 (**permalink**) 22/10/2013, 08:29

Nada ahora sale este error

Notice: Undefined index: form

nksn · #7 (**permalink**) 22/10/2013, 08:33

Cita:

Iniciado por placks73

Nada ahora sale este error

Notice: Undefined index: form

es que el name "form" fue cambiado a "total"

no te es mas fácil sumar los datos del lado del servidor?

placks73 · #8 (**permalink**) 22/10/2013, 08:38

Si correcto ya lo pasé como dijiste, el tema es que es una muestra de lo que tengo que arreglar en un codigo mas complejo que esta construido con un array y el que me esta ayudando a realizar la operacion es ese script por eso necesito capturar el del resultado pero ya lo cambie como dijiste y aun asi no captura el resultado

nksn · #9 (**permalink**) 22/10/2013, 08:44

pues la verdad no se que esta sucediendo pero reescribo todo

Código PHP:

  
<script type="text/javascript">

 
function suma() 

{

    valor1 = document.getElementById("A").value;

    valor2 = document.getElementById("B").value;

    valor3 = document.getElementById("C").value;

    total = parseFloat(valor1) + parseFloat(valor2) + parseFloat(valor3);

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

}

 
</script>

 
 
</head>

 
<body>

    <form action="resultsuma.php" method="post">

        <input type="text" value="" name="var1" id="A" onchange="suma();" /> 

        <input type="text" value="" name="var2" id="B" onchange="suma();" />

        <input type="text" value="" name="var3" id="C" onchange="suma();" /> 

        <input type="text" value="" name="form" id="total" value="0" disabled /> /* en nombre de la variable es form */

        <input type="submit" value="Guardar">

    </form>

</body> 

</html>

 
<?php 

 
$variable1 = $_POST['var1'];

 
echo $variable1;

$variable2 = $_POST['var2'];

 
echo $variable2; 

$variable3 = $_POST['var3'];

 
echo $variable3;

$resultado = $_POST['form'];  /* en nombre de la variable aquí también */

 
echo $resultado;

placks73 · #10 (**permalink**) 22/10/2013, 08:50

Agradezco enormemente tu ayuda,

Copié tal cual el codigo que me acabaste de poner y sale elmismo error

222
Notice: Undefined index: form in C:\wamp\www\resultsuma.php on line 23
Call Stack
# Time Memory Function Location
1 0.0007 249512 {main}( ) ..\resultsuma.php:0

nksn · #11 (**permalink**) 22/10/2013, 09:23

quitas el "disabled" antes de enviar el formulario?

placks73 · #12 (**permalink**) 22/10/2013, 09:26

Ok listo el problema era el disable...

Pero una pregunta es que no quiero que el usuario digite en ese campo por eso lo dejé disable me tocaria crear otro campo hidden que capture ese mismo dato?

nksn · #13 (**permalink**) 22/10/2013, 09:37

realiza la suma del lado del servidor

$total = (float)$variable1 + (float)$variable2 + (float)$variable3;

o si tienes que obligatoria-mente hacer todo en js

Código PHP:

  <script type="text/javascript"> 

 
function suma()  

{ 

    valor1 = document.getElementById("A").value; 

    valor2 = document.getElementById("B").value; 

    valor3 = document.getElementById("C").value; 

    total = parseFloat(valor1) + parseFloat(valor2) + parseFloat(valor3); 

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

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

} 

 
</script> 

 
 
</head> 

 
<body> 

    <form action="test.php" method="post" enctype="multipart/form-data"> 

        <input type="hidden" name="form" id="form" />

        <input type="text" value="" name="var1" id="A" onchange="suma();" />  

        <input type="text" value="" name="var2" id="B" onchange="suma();" /> 

        <input type="text" value="" name="var3" id="C" onchange="suma();" />

        <input type="text" value="0" id="total" disabled /> /* en nombre de la variable es form */ 

        <input type="submit" value="Guardar"> 

    </form> 

</body>  

</html>

GatorV · #14 (**permalink**) 22/10/2013, 11:01

Los campos disabled no se envían al servidor, si no quieres que el usuario digite nada, puedes ponerle el atributo readonly para eso.

Saludos.