problema en evento onchange

David · #31 (**permalink**) 28/08/2008, 14:10

No, no puedes poner dos veces onchange, lo único que debes hacer es usar el separador de instrucciones (;), así:

Código PHP:

  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; sumatotal();  \">

jcouoh · #32 (**permalink**) 28/08/2008, 14:30

He intentado con onfocus llamar la función pero me reporta error

David · #33 (**permalink**) 28/08/2008, 14:34

¿Has probado de la forma como te comenté en el otro mensaje?. ¿Cuál es el error que da?

jcouoh · #34 (**permalink**) 28/08/2008, 14:40

Ya puse el codigo asi como me lo pusiste sencillamente en la barra de estado aparece error y no me da ningun resultado

serà que es la funcion sumatotal()?

dice error en la pagina:

David · #35 (**permalink**) 28/08/2008, 14:42

Sí, probablemente el error está en sumatotal(), ¿cuál es el error que da?.

EDITO: Creo que encontré el error, es que estamos usando el operador += cuando la variable sbttl aún no está definida. Coloca esto al inicio de la función:

Código PHP:

  var sbttl = 0;

jcouoh · #36 (**permalink**) 28/08/2008, 14:46

No se como ver los errores, solo dice error en la pagina,

suma total es esta:
function sumatotal()
{

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

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

}

David · #37 (**permalink**) 28/08/2008, 14:47

Edité el mensaje anterior, prueba con el cambio que propuse.

jcouoh · #38 (**permalink**) 28/08/2008, 14:52

Creo que por ahi va , pues ahora si me mandó al campo total lo unico es que me apareció NaN en lugar de algun valor

David · #39 (**permalink**) 28/08/2008, 14:57

Quizás sea porque algunos subtotales aún estén vacíos al llamar a la función. Prueba así:

Código PHP:

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

En ese caso lo que hacemos es solo sumar los campos no vacíos.

jcouoh · #40 (**permalink**) 28/08/2008, 15:03

Ya está vboy a tratar de pasar el dato a la ventana padre, muchas gracias

jcouoh · #41 (**permalink**) 28/08/2008, 15:26

He intentado pasar los valores a la ventana padre pero no me pasa en del input total.

los demás si lo hacen.

entiendo que para pasarlos debo llamar la funcion en este caso pasarvalor()

esto es lo que tengo:

function pasarvalor() {

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

opener.frm["cantidad" + cods].value = formu["cantidad" + cods].value;
opener.frm["descripcion" + cods].value = formu["descripcion" + cods].value;
opener.frm["subtotal" + cods].value = formu["subtotal" + cods].value;

}

opener.frm[TotalP].value = formu[total].value;

}

donde mi ventana padre tiene un formulario llamado frm y un campo llamado TotalP tanto name como id, y el formulario de la ventana hija tiene un formulario llamado formu y un input id total.

lo puse aparte del loop ya que es una valor unico pero cuando lo ejecuto no aparece es resultado en la ventana padre

David · #42 (**permalink**) 28/08/2008, 15:30

Es que en el ejemplo que pusiste Javascript considera TotalP y total como variables, pero están vacíos ya que el propósito era hacer referencia a los nombres de los input. Debería ser:

Código PHP:

  opener.document.frm["TotalP"].value = formu["total"].value;

O directamente:

Código PHP:

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

EDITO: Debes poner document de lo contrario no funciona en Firefox.

jcouoh · #43 (**permalink**) 28/08/2008, 15:45

Ya lo puse de las dos manera y no lo envia el popup o no lo recibe la venatana madre

David · #44 (**permalink**) 28/08/2008, 15:47

¿Puedes poner el código de ambas páginas tal y como los tienes o mejor aún un enlace a tu página? Porque yo lo he probado y funciona con un formulario simple.

jcouoh · #45 (**permalink**) 28/08/2008, 15:54

lo que ocurre es que lo tengo en mi servidor local wamp pero voy a hacer una copia y te lo plasmo aqui

jcouoh · #46 (**permalink**) 28/08/2008, 15:55

ventana padre:

<html><head></head><body>

<a href="/mctelecom/codigos/index.php" target="_blank"

onClick="window.open(this.href, this.target,

'width=800,height=700'); return false;"><img

src="imagenes/archivo_004.gif" border=0><br><span

class=estilo13>Insertar Código</span></a>

<p>
<a href="ejemplos/ejemplo1.html">Ejemplo1 -formulario que

esconde campos</a>

<p>
<a href="ejemplos/ejemplo2.html">Ejemplo2 -formulariocon

campos dependientes</a>

<p>
<a href="ejemplos/ejemplo3.html">Ejemplo3 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo4.html">Ejemplo4 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo5.html">Ejemplo5 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo6.html">Ejemplo6 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo7.html">Ejemplo7 -formulario con

campos dependientes -2</a>

<form name=frm>

<input type=text id=codigo1 >
<input type=text id=descripcion1>
<input type=text id=precio1>
<input type=text id=cantidad1>
<input type=text id=subtotal1>
<br>

<input type=text id=codigo2>
<input type=text id=descripcion2>
<input type=text id=precio2>
<input type=text id=cantidad2>
<input type=text id=subtotal2>
<br>

<input type=text id=codigo3>
<input type=text id=descripcion3>
<input type=text id=precio3>
<input type=text id=cantidad3>
<input type=text id=subtotal3>
<br>

<input type=text id="TotalP" name="TotalP">

</form>

</body></html>

popup:

<?php

$conexion = mysql_connect('localhost', 'publicida_mc', 'cyberuno'); // se conecta con el servidor
mysql_select_db('publicida_mc', $conexion); // selecciona la base de datos

$tabla2 = mysql_query("SELECT * FROM codigos"); // selecciono todos los registros de la tabla usuarios, ordenado por nombre
$indice = 0;
$phpcodigo = array( );
$phpdescripcion = array( );
$phpprecios = array( );

while ($registro = mysql_fetch_array($tabla2)) {
$indice = $indice + 1;
array_push($phpcodigo, $registro['Codigo']);
array_push($phpdescripcion, $registro["Descripcion"]);
array_push($phpprecios, $registro["Precio"]);

} // fin del bucle de ordenes

mysql_free_result($tabla2); // libera los registros de la tabla

?>
<html><head>
<style type="text/css">
.input
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 70;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}

.input2
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 200;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}
.input3
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 60;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}
.input4
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 30;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}
.input5
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 80;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}

</style>

</head><body>

<form name=formu>

<script>
var indice=<? echo $indice;?>;
<?

for($vars=1; $vars<=$indice; $vars++)
{
?>

jscodigo<?php echo $vars; ?> = <?php echo $phpcodigo[$vars-1]; ?>;
jsdescripcion<?php echo $vars; ?> = "<?php echo $phpdescripcion[$vars-1]; ?>";
jsprecios<?php echo $vars; ?> = <?php echo $phpprecios[$vars-1]; ?>;

<?
}
?>

function sumatotal()
{
var sbttl = 0;
for (sumas=1; sumas<=indice; sumas++)
{
if (document.getElementById("subtotal" + sumas).value != "") {
sbttl += parseInt(document.getElementById("subtotal" + sumas).value);
}
}

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

}

function pasarvalor() {

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

opener.frm["cantidad" + cods].value = formu["cantidad" + cods].value;
opener.frm["descripcion" + cods].value = formu["descripcion" + cods].value;
opener.frm["subtotal" + cods].value = formu["subtotal" + cods].value;

}

opener.document.frm["TotalP"].value = formu["total"].value;

}

function cambioinput(vid) {
contenido=document.getElementById("codigo" + vid).value;
for (nums=1; nums<=indice;nums++) {
if (contenido == eval("jscodigo" + nums)) {
document.getElementById("descripcion"+vid).value = eval("jsdescripcion"+nums);
document.getElementById("precio"+vid).value = eval("jsprecios" + nums);
}
}
}

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;

sumatotal(); \">;");

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

}

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

</form>

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

David · #47 (**permalink**) 28/08/2008, 15:58

Bueno, antes que nada agradecería que colocaras el código HTML que se genera (no el PHP), y también agradecería que los pusieras en el foro con la etiqueta [CODE]

.

Por ejemplo:

Código:

<span>Esto es código dentro de la etiqueta CODE</span>

jcouoh · #48 (**permalink**) 28/08/2008, 16:17

Disculpa no entiendo mucho de ponerlo en etiqueta pero voy a hacder lo que entiendo espero si sea lo que necesitas:

ventana padre
<span><html><head></head><body>

<a href="/mctelecom/codigos/index.php" target="_blank"

onClick="window.open(this.href, this.target,

'width=800,height=700'); return false;"><img

src="imagenes/archivo_004.gif" border=0><br><span

class=estilo13>Insertar Código</span></a>

<p>
<a href="ejemplos/ejemplo1.html">Ejemplo1 -formulario que

esconde campos</a>

<p>
<a href="ejemplos/ejemplo2.html">Ejemplo2 -formulariocon

campos dependientes</a>

<p>
<a href="ejemplos/ejemplo3.html">Ejemplo3 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo4.html">Ejemplo4 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo5.html">Ejemplo5 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo6.html">Ejemplo6 -formulario con

campos dependientes -2</a>

<p>
<a href="ejemplos/ejemplo7.html">Ejemplo7 -formulario con

campos dependientes -2</a>

<form name=frm>

<input type=text id=codigo1 >
<input type=text id=descripcion1>
<input type=text id=precio1>
<input type=text id=cantidad1>
<input type=text id=subtotal1>
<br>

<input type=text id=codigo2>
<input type=text id=descripcion2>
<input type=text id=precio2>
<input type=text id=cantidad2>
<input type=text id=subtotal2>
<br>

<input type=text id=codigo3>
<input type=text id=descripcion3>
<input type=text id=precio3>
<input type=text id=cantidad3>
<input type=text id=subtotal3>
<br>

<input type=text id="TotalP" name="TotalP">

</form>

</body></html> CODE</span>

Ventana popup:

<span><html><head>
<style type="text/css">
.input
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 70;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}

.input2
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 200;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}
.input3
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 60;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}
.input4
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 30;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}
.input5
{
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #336699 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #336699 1px solid;
WIDTH: 80;
COLOR: #000000;
BORDER-BOTTOM: #336699 1px solid;
FONT-FAMILY: Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #679BD0
}

</style>

</head><body>

<form name=formu>

<script>
var indice=13;

jscodigo1 = 2071922;
jsdescripcion1 = "compra de materiales";
jsprecios1 = 197.00;

jscodigo2 = 3024512;
jsdescripcion2 = "Suministro e Instalacion Escal";
jsprecios2 = 232.00;

jscodigo3 = 3018912;
jsdescripcion3 = "Site Survey";
jsprecios3 = 816.00;

jscodigo4 = 3018225;
jsdescripcion4 = "ESCALERILLA ADEC.SALA";
jsprecios4 = 259.35;

jscodigo5 = 3017743;
jsdescripcion5 = "Transporte de Material Foraneo";
jsprecios5 = 3.91;

jscodigo6 = 3017744;
jsdescripcion6 = "Transporte de Material Local";
jsprecios6 = 454.68;

jscodigo7 = 3018241;
jsdescripcion7 = "COMPRA MATERIALES";
jsprecios7 = 227.50;

jscodigo8 = 3018242;
jsdescripcion8 = "CONEXION A TIERRAS FISICAS";
jsprecios8 = 211.25;

jscodigo9 = 3024696;
jsdescripcion9 = "VIATICOS";
jsprecios9 = 292.18;

jscodigo10 = 3018922;
jsdescripcion10 = "Tendido de cableado";
jsprecios10 = 8.46;

jscodigo11 = 0;
jsdescripcion11 = "";
jsprecios11 = 0.00;

jscodigo12 = 3018933;
jsdescripcion12 = "Paso de Cable";
jsprecios12 = 1088.00;

jscodigo13 = 3018217;
jsdescripcion13 = "Inst. Fila TX";
jsprecios13 = 1231.75;

function sumatotal()
{
var sbttl = 0;
for (sumas=1; sumas<=indice; sumas++)
{
if (document.getElementById("subtotal" + sumas).value != "") {
sbttl += parseInt(document.getElementById("subtotal" + sumas).value);
}
}

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

}

function pasarvalor() {

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

opener.frm["cantidad" + cods].value = formu["cantidad" + cods].value;
opener.frm["descripcion" + cods].value = formu["descripcion" + cods].value;
opener.frm["subtotal" + cods].value = formu["subtotal" + cods].value;

}

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

}

function cambioinput(vid) {
contenido=document.getElementById("codigo" + vid).value;
for (nums=1; nums<=indice;nums++) {
if (contenido == eval("jscodigo" + nums)) {
document.getElementById("descripcion"+vid).value = eval("jsdescripcion"+nums);
document.getElementById("precio"+vid).value = eval("jsprecios" + nums);
}
}
}

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; sumatotal(); \">;");

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

}

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

</form>

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

jcouoh · #49 (**permalink**) 28/08/2008, 18:40

Ya lo terminé, te agradezco por toda tu ayuda, lo unico que hice es cambiar el orden de las declaraciones al pasar los valores y asi si funcionó

!Mucuas GraciaS¡¡¡¡¡¡¡¡¡¡

jcouoh · #50 (**permalink**) 29/08/2008, 07:00

Pregunta:

Como hago para multiplicar por un variable conseguida en el for?

Intenté esto:

iva=0;
iva = formu["total"]*Number(.15);

para luego pasarla a la ventana padre:
opener.document.frm["IvaP"].value = iva.value;

pero me da como resultado: undefined

jcouoh · #51 (**permalink**) 29/08/2008, 07:33

Ya lo arregle, solucionado, muchas gracias

David · #52 (**permalink**) 29/08/2008, 10:11

Me alegra mucho que lo hayas solucionado.

Hay 3 íconos para envolver con CODE, HTML, o PHP en el editor de mensajes:

.
Puedes usarlas para insertar código en los mensajes para que resulte más fácil de leer.

Saludos

.

jcouoh · #53 (**permalink**) 01/09/2008, 08:06

Como siempre, muchas gracias, he encontrado los iconos que comentas, gracias de nuevo