problema en evento onchange

[jcouoh]

Estoy tratando multiplicar dos campos input y colocar el resultado en otro input solo que estos inputs han sido creados en un bucle.

todo esta bien en el bucle, solo que cuando quiero multiplicar la cantidad por el precio al hacer onchange no consigo el resultado.

Comence por tratar de conseguir por lo menos el valor precio en el campo subtotal y la respuesta que consigo es [object],

Si me pueden orientar?



document.write("<input type='text' id='precio" + num + "'>");

document.write("<input type='text' id='cantidad"+num+"' onchange=\"document.getElementById('subtotal" + num + "').value =

document.getElementById('precio" + num + "')\"> ");

document.write("<input type='text' id='subtotal" + num + "'><br>");

[David]

Debes poner .value al hacer referencia al input 'precio'.

[jcouoh]

Esta puesto .value al hacer la referencia

document.write("<input type='text' id='cantidad"+num+"' onchange=\"document.getElementById('subtotal" + num + "').value =

document.getElementById('precio" + num + "')\"> ");

[David]

Sí, ese value ya lo había visto, me refiero a esta referencia:

Código PHP:

  document.getElementById('precio" + num + "') 
   

Falta el value.

[jcouoh]

Perfecto, ya lo corregí, voy a continuar para lograr la multiplicación creo que si podre hacerlo, muchas gracias

[jcouoh]

Ya he conseguido la multiplicacion y todo va bien ahora me podras ayudar con lo siguiente: los valores los quiero pasas a una ventana madre para lo que he escrito lo siguietne:

<a href="JavaScript:close();" title="pasar valor" onClick=


window.opener.document.frm.codigo"+cods+"..value = window.document.formu.codigo"+cods+"..value;
window.opener.document.frm.descripcion"+cods+".val ue = window.document.formu.'descripcion"+cods+"'.value;
window.opener.document.frm.precio"+cods+".value = window.document.formu.'precio"+cods+"'.value;

>Regresar a la Ventana Principal</a>

pero cuando regreso a la ventana madre no aparece ningun resultado, esto lo he hecho de manera individual no en un bucle y con parametros

[David]

Si quieres tomar el valor de cods como nombre del objeto habrá que colocarlo entre corchetes o usar eval.

P.S.: No necesitas poner window, es redundante.

[jcouoh]

Lo he intentado asi:

<a href="JavaScript:close();" title="pasar valor" onClick=

for (cods=1; cods<=indice;cods++)
{
window.opener.document.frm.eval("codigo" + cods).value = window.document.formu.eval("codigo" + cods).value;
window.opener.document.frm.eval("descripcion" + cods).value = window.document.formu.eval("descripcion" + cods).value;
window.opener.document.frm.eval("precio" + cods).value = window.document.formu.eval("precio" + cods).value;
}
>Regresar a la Ventana Principal</a>

Sin resultado, en mi ventana madre tengo el form con nombre frm y el input con el id= codigo1 en adelante y en mi popup el form es formu y mis inputs estan hechos en el loop como codigo y variable
Quite el window pero tampoco me dio resultado

[David]

No, primero, eval no se usa así, para no complicarte mejor usa corchetes. Segundo, lo mejor es que coloques ese código dentro de una función, y en el onclick solo colocar la llamada a la función.

Un ejemplo de cómo podría ser:

Código PHP:

  opener.frm["codigo" + cods].value = formu["codigo" + cods].value; 
   

[jcouoh]

hice esto:

function pasarvalor() {

for (cods=1; cods<=indice;cods++) {

opener.frm.["codigo" + cods].value = formu.["codigo" + cods].value;
}
}

y en el enlace:

<a href="JavaScript:close();" title="pasar valor" onclick="pasarvalor()">Regresar a la Ventana Principal</a>

No me da resultado de hecho solo me deja el enlace

[David]

Cambia esto:

Código PHP:

  opener.frm.["codigo" + cods].value = formu.["codigo" + cods].value; 
   

Por:

Código PHP:

  opener.frm["codigo" + cods].value = formu["codigo" + cods].value; 
   

[jcouoh]

Muchas gracias, me salvaste lo voy a seguir aplicando hasta dominar este asunto

[jcouoh]

como ya te habras dado cuenta mi programita hace lo siguiente:

1.- Dada una pagina madre al hacer clic me lleva a una ventana hija.
2.- En esta ventana hija leo una base de datos (php).
3. Los resultados los tomo y en base a ellos hago un bucle que me permita con un numero (codigo) dado compara los resultados y estos vertirlos en otros campos.
4. Hacer unas multiplicaciones
5. Enrealidad debo hacer una suma total
para luego pasarlo a la ventana madre.

Estoy haciendo la funcion para sumar los subtotales y que estos al final (antes de pasarse a la ventana madre) me de una suma total en el campo total. por lo que pregunto:

que evento puedo usar para que antes de cerrar la ventana me de la suma total? quise usar onchange y una funcion

Esto es lo que hice:


for (num=1; num<=indice;num++)
{

document.write("<input type='text' id='codigo"+num+"' onchange=\"cambioinput('" + num + "')\"> ");

document.write("<input type='text' id='descripcion" + num + "'>");
document.write("<input type='text' id='precio" + num + "'>");

document.write("<input type='text' id='cantidad"+num+"' onchange=\"document.getElementById('subtotal" + num + "').value =

document.getElementById('precio" + num + "').value * document.getElementById('cantidad" + num + "').value \"> ");

document.write("<input type='text' id='subtotal" + num + "' onchange='sumatotal'><br>");

}

document.write("<input type='text' id='total'><br>");


y la funcion es la siguiente:

function sumatotal()
{

for (sumas=1; sumas<=indice; sumas++)
{
sbttl=document.getElementById("subtotal" + sumas).value;
document.getElementById("total").value = sbttl;

}
}

[David]

¿En qué momento pretendes que se muestre el total?. De eso depende qué evento vamos a usar.

[jcouoh]

Cuando se desee regresar a la ventana madre

[David]

Puedes usar el evento onunload.

[jcouoh]

lo hice pero como consigo el resultado cuando los campos fueron creados en un bucle?

Esto es lo que hice:

y en body puse: <body onunload="sumatotal()">

function sumatotal()
{

for (sumas=1; sumas<=indice; sumas++)
{
sbttl=document.getElementById("subtotal" + sumas).value;
document.getElementById("total").value = sbttl;

}
}

[David]

¿Lo que quieres hacer es sumar todos los subtotales?. Pues sería algo como esto:

Código PHP:

  for (sumas=1; sumas<=indice; sumas++)
{
sbttl += parseInt(document.getElementById("subtotal" + sumas).value);
}
document.getElementById("total").value = sbttl; 
   

[jcouoh]

al cerrar la ventana hija, supongo que con onunload que puse en el body, puedo de alguna manera tomar el valor Total y ponerlo en un campo en la ventana madre, podría hacerse?

[David]

Sí, con opener.document haces referencia al documento de la ventana padre.

[jcouoh]

Hice esto:

opener.document.frm.Total.value = formu.total.value;

pero no me da el resultado

Total es el campo input de la ventana padre.

[David]

¿Seguro que los tienes dentro de su respectivo form?.

Porque con el código que pusiste en la ventana padre el input Total debería estar dentro de un formulario llamado frm, y en la ventana hija el input total debería tener total como name y estar dentro de un formulario llamado formu.

¿Por qué mejor no trabajas con los id de los input?

[jcouoh]

Seguro estan pero creo que es mejor trabajar con los id, si en mi ventana popup tengo el campo id total como puedo visualizar la suma de los subtotales de lo que se compra o adquiere?

quiza sea mejor no usar el onunload para ver cada vez que hay un subtotal este se refleje en el campo id total.

[David]

En ese caso puedes usar el evento onchange del input. Lo que estaba mal en la primera vez que intentaste usarlo era que no habías puesto los paréntesis () en la llamada a la función.

[jcouoh]

Tengo asi mi input:

for (num=1; num<=indice;num++)
{

document.write("<input type='text' class='input' id='codigo"+num+"' onchange=\"cambioinput('" + num + "')\"> ");

document.write("<input type='text' class='input2' id='descripcion" + num + "'>");
document.write("<input type='text' class='input3' id='precio" + num + "'>");

document.write("<input type='text' class='input4'id='cantidad"+num+"' onchange=\"document.getElementById('subtotal" + num +

"').value = document.getElementById('precio" + num + "').value * document.getElementById('cantidad" + num + "').value \">

");

document.write("<input type='text' class='input5'id='subtotal" + num + "' onchange='sumatotal()'><br>");

}

document.write("<input type='text' name='total' class='input' id='total'><br>");

y la funcion sumatotal:

function sumatotal()
{

for (sumas=1; sumas<=indice; sumas++)
{
sbttl += parseInt(document.getElementById("subtotal" + sumas).value);
}

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

}

pero cuando cambio del campo subtotal a otro campo no me da resultado en total es decir en ninguna parte

[David]

¿No será porque aquí te falta un espacio?

Código PHP:

  class='input5'id=subtotal 
   

EDITO: Por lo que veo el onchange no se produce al cambiar el value por código, lo que puedes hacer es al momento de cambiar el value llamar a la función sumatotal().

[jcouoh]

Ya le puse el espacio y sigue de la misma manera

[David]

¿Has visto la edición que hice?. El evento onchange no se produce cuando cambiamos el value por código, así que lo que podemos hacer es al momento de cambiar el value de subtotal, llamar a la función sumatotal().

[jcouoh]

Si lo lei y estoy tratando de entenderlo para cambiarlo

[jcouoh]

hice esto para cambiarlo pero no me funcionó:

document.write("<input type='text' class='input4'id='cantidad"+num+"' onchange=\"document.getElementById('subtotal" + num +

"').value = document.getElementById('precio" + num + "').value * document.getElementById('cantidad" + num + "').value; \"

onchange='sumatotal()'>