Checkbox + tabla dinamica! HELP!

cboretto · #1 (**permalink**) 11/08/2010, 21:19

Hola a todos! tengo una tabla dinamica que cada fila tiene un check box...

Quiero que al presionar el boton enviar se envien a otra pagina php los datos de las filas que tienen el check en true..

Bien, ya logre pase el id de la fila y lo recibi por el post en la otra pag.

Lo que quiero lograr es pasar el id de la fila y el valor que el usuario ingresa en una caja de texto...

mi pregunta es: como hago para concatenar en el value del checkbox la variable del id + el dato que ingreso el usuario?

Gracias.

perryjr · #2 (**permalink**) 11/08/2010, 23:15

Creo que deberías explicarte un poco mejor porque no termino de comprender exactamente que es lo que tienes en la página y que es lo que recibes en la otra página PHP

Por lo que he podido entender tu tabla dinámica tiene checkboxes y un input de text. Asigna a cada input un nombre distinto en funcion de la fila o en función del id: inputfila1, inputfila2, inputfila3, por ejemplo. Luego si ya recibes correctamente los id's/filas pues compruebas los valores.

Tu última pregunta me sugiere que quieres unirlo todo en un mismo campo y eso actualmente y por lo menos que yo sepa no se puede hacer si no es con JavaScript, revisando todos los datos, creando un formulario dinámicamente e insertando input hidden con los valores. Como puedes ver un montón de lío.

mortiprogramador · #3 (**permalink**) 12/08/2010, 01:46

hola
pues puedes hacerlo con javascript, haciendo un campo hidden igual al value del check y el value del text, o puedes hacerlo con php en el momento en que recibes los parámetros,
pues simplemente los concatenas
saludos

cboretto · #4 (**permalink**) 12/08/2010, 05:58

ya pude guardar el value del text con javascript:
var precio = document.getElementById(id+'_hidden').value;

quiero hacer lo mismo con $myrow[personaId]

var persona= document.getelementbyid($myrow[personaId]);

esta bien puesto de esa forma???

cboretto · #5 (**permalink**) 12/08/2010, 06:41

Me quedo de esta forma la funcion javascript:

Código Javascript:

Ver originalfunction paso(id, nombre){
var precio = document.getElementById(id+'_hidden').value;
var nombre=document.form.elements["$myrow[PersonaNombre]"].value; 
if (document.form.checkbox.checked) { 
window.location.href="Presupuesto.php?nombre=" + precio + "&nombre=" + nombre
} 
}

y en el check box:

Código HTML:

Ver original<input type='checkbox' name='checkbox[]' id='ok' onClick='if(this.checked){paso(nombre)}'/>

pero cuando presiono el check me muestra el error "nombre is undefined"

alguien me puede ayudar???

GatorV · #6 (**permalink**) 12/08/2010, 09:40

Tema movido desde PHP a Javascript

mortiprogramador · #7 (**permalink**) 12/08/2010, 16:49

pues intenta esto

var persona= document.getelementbyid("<?php echo $myrow[personaId];?>");

y también fijate que estas llamando a la función precio en el checkbox pero solo le envias un parámetro pero la función espera dos!!

revisa eso
saludos

cboretto · #8 (**permalink**) 13/08/2010, 07:00

Hola mortiprogramador !
lo he hecho de esta forma y tampoco funciona.

Código Javascript:

Ver originalfunction paso(id,nombre){
var precio = document.getElementById(id+'_hidden').value;
var nombre=document.getElementById("<?php echo $myrow[MedidaNombre];?>"); 
if (document.getElementById("checkbox").checked==true) { 
window.location.href="Presupuesto.php?nombre=" + precio + "&nombre=" + nombre
} 
}

Código PHP:

Ver originalecho "<td>";                                   
echo "<input type='checkbox' name='checkbox[]' id='ok' onClick='paso(id,nombre)'/>";
echo "</td></tr>";

no se que estoy haciendo mal...

Adler · #9 (**permalink**) 13/08/2010, 07:22

Hola

Todo esto se me hace que fue algo que montamos hace ya algún tiempo, corrígeme si me equivoco. ¿Por que no muestras el código fuente? Así todo sería mas sencillo

Suerte

cboretto · #10 (**permalink**) 13/08/2010, 07:39

algo que montamos hace ya algún tiempo? a que te refieres?

Código PHP:

Ver original<!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" xml:lang="en" lang="en">
<title>Presupuesto</title>
<link href="CSS2.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<script language="javascript" type="text/javascript"> 
function funcion (id, val, control, net, fin) {
var precio = document.getElementById(id+'_hidden').value;
var total = (parseFloat(precio * val)).toFixed(2);
control.innerHTML=total;
for (i=0; i<500; i++){
var neto= total;
net.innerHTML=neto;
var final=(neto * 1.21).toFixed(2);
final;
fin.innerHTML=final;
}
}
 
function seleccionar_todo(){ 
   for (i=0;i<document.form.elements.length;i++) 
      if(document.form.elements[i].type == "checkbox") 
         document.form.elements[i].checked=1 
}
function ControlNum(){
var tecla=window.event.keyCode;
    if (tecla < 48 || tecla > 57){
        window.event.returnValue=false;
    }
    else
    {
        window.event.returnValue=true;
    }
}
 
function paso(id,nombre){
var precio = document.getElementById(id+'_hidden').value;
var nombre=document.getElementById(""); 
if (document.getElementById("checkbox").checked==true) { 
window.location.href="Presupuesto.php?nombre=" + precio + "&nombre=" + nombre
} 
}
 
</script>
</head>
<body>
<div align="center">
<form action="Presupuesto.php" method="post" name="form" id="form">
<table align='right' border='1'><tr><td>Neto: <label id='neto' name='etiqet'/></td></tr><tr><td>IVA: 21&#37;</td></tr><tr><td>FINAL:<label id='final' name='etiqeta'/></td></tr></table><table class='table' aling='center' border=1><tr> 
<td><div class='letra1'><b>PRODUCTO</b></td><td><div class='letra2'><b>PRECIO</b></td><td><div class='letra1'><b>CANTIDAD</b></td><td><div class='letra2'><b>PRECIO_TOTAL</b></td><td><div class='letra1'><b><input type='checkbox' name='todo' onClick='seleccionar_todo()' id='todo'></b></td></tr> 
<tr class='th'><td class='td'>Cable Baffle 2 x 0,50</td><td>$0.62<input type='hidden' value='0.62' id='precio_0_hidden' name='precio_0_hidden' /></td><td><input type='text' value='' id='precio_0' name='precio_0' onKeyUp='funcion(this.id, this.value,total569,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total569' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='ok' onClick='paso(id,nombre)'/></td></tr><tr class='th'><td class='td'>Cable Baffle 2 x 0,75</td><td>$0.92<input type='hidden' value='0.92' id='precio_1_hidden' name='precio_1_hidden' /></td><td><input type='text' value='' id='precio_1' name='precio_1' onKeyUp='funcion(this.id, this.value,total570,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total570' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='ok' onClick='paso(id,nombre)'/></td></tr><tr class='th'><td class='td'>Cable Baffle 2 x 1</td><td>$1.18<input type='hidden' value='1.18' id='precio_2_hidden' name='precio_2_hidden' /></td><td><input type='text' value='' id='precio_2' name='precio_2' onKeyUp='funcion(this.id, this.value,total571,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total571' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='ok' onClick='paso(id,nombre)'/></td></tr></table><br>
<div align="center">
<input type="button" name="consulta" id="consulta" value="Nueva Consulta" onclick = "this.form.action = 'pre.php'; this.form.submit()" />
<input type="submit" name="presupuesto" id="presupuesto" value="Agregar a Presupuesto" />
<input type="reset" name="cancel" id="cancel" value="Cancelar"/>
</div>
</form>
</div>
</body>
</html>

cboretto · #11 (**permalink**) 13/08/2010, 07:56

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; InfoPath.2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Fecha: Fri, 13 Aug 2010 13:56:16 UTC

Mensaje: 'nombre' is undefined
Línea: 52
Carácter: 1
Código: 0

Ese es el error q muestra!

Adler · #12 (**permalink**) 13/08/2010, 08:04

Hola

Cita:

Iniciado por cboretto

algo que montamos hace ya algún tiempo? a que te refieres?

Nada me habré equivocado

A los td que contien el nombre del producto le das una id, por ejemplo precio_<?php echo i++?>_td
Cambia la id de los checkbox a precio_<?php echo i++?>

El sufijo montado en PHP hazlo como quieras

Los argumentos que se le pasa a la función ahora son

Cita:

paso(this.id, this.checked)

Código Javascript:

Ver originalfunction paso(id,bol){
var precio = document.getElementById(id+'_hidden').value;
var nombre=document.getElementById(id + '_td'); 
if (bol) { 
window.location.href="Presupuesto.php?precio=" + precio + "&nombre=" + nombre
} 
}

Suerte

cboretto · #13 (**permalink**) 13/08/2010, 08:28

Hola adler!

Hice tal cual sigeriste pero me lanza un error object required..

Lo que quiero lograr con esta funcion es pasar a otra pagina dos valores de las filas que tengan los check en true..

pasando una sola variable en el value del check no tuve problema.. pero necesito pasar las dos.

Adler · #14 (**permalink**) 13/08/2010, 12:26

Hola

Te vuelvo a decir lo mismo, muestra el código fuente. Tu objetivo ha de ser ponerselo lo más fácil posible a aquellos que tengan la intención de ayudarte y no "pedirles" que se imaginen como ha quedado el código

Cita:

Lo que quiero lograr con esta funcion es pasar a otra pagina dos valores de las filas que tengan los check en true..

Tal y como está montado el javascript solamente podrás enviar los valores de una sola fila

Suerte

cboretto · #15 (**permalink**) 13/08/2010, 14:48

aqui esta el codigo de fuente:

Código HTML:

Ver original<!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" xml:lang="en" lang="en">
<title>Presupuesto</title>
<link href="CSS2.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<script language="javascript" type="text/javascript"> 
function funcion (id, val, control, net, fin) {
var precio = document.getElementById(id+'_hidden').value;
var total = (parseFloat(precio * val)).toFixed(2);
control.innerHTML=total;
var neto= total;
net.innerHTML=neto;
var final=(neto * 1.21).toFixed(2);
fin.innerHTML=final;
 
}
 
function seleccionarCheck(elem, sel) { 
var sel = ""; 
var elem = document.getElementById(ok); 
for (i=0; i<elem.length; i++) { 
if (document.getElementById("ok").checked==true) { 
elem[i].checked=true; 
sel += ","+elem[i].value; 
} else { 
elem[i].checked=false; 
sel = ""; 
} 
} 
alert('sel')
}
function seleccionar_todo(){ 
   for (i=0;i<document.form.elements.length;i++) 
      if(document.form.elements[i].type == "checkbox") 
         document.form.elements[i].checked=1 
}
 
function ControlNum(){
var tecla=window.event.keyCode;
    if (tecla < 48 || tecla > 57){
        window.event.returnValue=false;
    }
    else
    {
        window.event.returnValue=true;
    }
}
function paso(id,bol){
var precio = document.getElementById(id+'_hidden').value;
var nombre=document.getElementById(id + '_td'); 
if (bol) { 
window.location.href="Presupuesto.php?precio=" + precio + "&nombre=" + nombre
} 
}
 
</script>
</head>
<body>
<div align="center">
<form action="Presupuesto.php" method="post" name="form" id="form">
<table align='right' border='1'><tr><td>Neto: <label id='neto' name='etiqet'/></td></tr><tr><td>IVA: 21%</td></tr><tr><td>FINAL:<label id='final' name='etiqeta'/></td></tr></table><table class='table' aling='center' border=1><tr> 
<td><div class='letra1'><b>PRODUCTO</b></td><td><div class='letra2'><b>PRECIO</b></td><td><div class='letra1'><b>CANTIDAD</b></td><td><div class='letra2'><b>PRECIO_TOTAL</b></td><td><div class='letra1'><b><input type='checkbox' name='todo' onClick='seleccionar_todo()' id='todo'></b></td></tr> 
<tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 10 - 16 - 20 Amp</td><td>$12.67<input type='hidden' value='12.67' id='precio_0_hidden' name='precio_0_hidden' /></td><td><input type='text' value='' id='precio_0' name='precio_0' onKeyUp='funcion(this.id, this.value,total466,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total466' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 10-16-20-25-32 Amp</td><td>$8.32<input type='hidden' value='8.32' id='precio_1_hidden' name='precio_1_hidden' /></td><td><input type='text' value='' id='precio_1' name='precio_1' onKeyUp='funcion(this.id, this.value,total455,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total455' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 10-16-20-25-32 Amp</td><td>$5.99<input type='hidden' value='5.99' id='precio_2_hidden' name='precio_2_hidden' /></td><td><input type='text' value='' id='precio_2' name='precio_2' onKeyUp='funcion(this.id, this.value,total462,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total462' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 25 - 32 Amp</td><td>$13.45<input type='hidden' value='13.45' id='precio_3_hidden' name='precio_3_hidden' /></td><td><input type='text' value='' id='precio_3' name='precio_3' onKeyUp='funcion(this.id, this.value,total467,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total467' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 40 Amp </td><td>$11.99<input type='hidden' value='11.99' id='precio_4_hidden' name='precio_4_hidden' /></td><td><input type='text' value='' id='precio_4' name='precio_4' onKeyUp='funcion(this.id, this.value,total456,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total456' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 40 Amp</td><td>$16.73<input type='hidden' value='16.73' id='precio_5_hidden' name='precio_5_hidden' /></td><td><input type='text' value='' id='precio_5' name='precio_5' onKeyUp='funcion(this.id, this.value,total468,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total468' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 50 - 63 Amp </td><td>$22.05<input type='hidden' value='22.05' id='precio_6_hidden' name='precio_6_hidden' /></td><td><input type='text' value='' id='precio_6' name='precio_6' onKeyUp='funcion(this.id, this.value,total469,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total469' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 50 Amp.</td><td>$17.36<input type='hidden' value='17.36' id='precio_7_hidden' name='precio_7_hidden' /></td><td><input type='text' value='' id='precio_7' name='precio_7' onKeyUp='funcion(this.id, this.value,total457,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total457' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 6 Amp </td><td>$14.96<input type='hidden' value='14.96' id='precio_8_hidden' name='precio_8_hidden' /></td><td><input type='text' value='' id='precio_8' name='precio_8' onKeyUp='funcion(this.id, this.value,total465,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total465' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr><tr class='th'><td id='nombre_<?php echo i++?>_td' class='td'>Unipolar 63 Amp</td><td>$17.36<input type='hidden' value='17.36' id='precio_9_hidden' name='precio_9_hidden' /></td><td><input type='text' value='' id='precio_9' name='precio_9' onKeyUp='funcion(this.id, this.value,total458,neto,final)' onkeypress='ControlNum()' class='input'/></td><td><label id='total458' name='etiq'/></td><td><input type='checkbox' name='checkbox[]' id='precio_<?php echo i++?>_td' onClick='paso(this.id, this.checked)'/></td></tr></table><br>
<div align="center">
<input type="button" name="consulta" id="consulta" value="Nueva Consulta" onclick = "this.form.action = 'pre.php'; this.form.submit()" />
<input type="submit" name="presupuesto" id="presupuesto" value="Agregar a Presupuesto" />
<input type="reset" name="cancel" id="cancel" value="Cancelar"/>
</div>
</form>
</div>
</body>
</html>

mortiprogramador · #16 (**permalink**) 13/08/2010, 15:09

uhm, bueno, tienes el script de la bd para probar con eso también?
mientras pregunto algo, que envias en la función?
es decir, si reviso el valor de id y nombre, en realidad no lo tienen,
y tienes esto
var nombre=document.getElementById("");
y pues por eso el undefined, no hay un elemento que no tenga id

igualmente, veo que tienes esto
id='nombre_<?php echo i++?>_td'
pero debería ser
id='nombre_<?php echo $i++?>_td'

diferencia? el $ antes de la i

saludos

Adler · #17 (**permalink**) 13/08/2010, 17:06

¿Y me preguntas que de qué hablo, cuando te dije que me sonaba este código?
Esta vez no tendré tanta paciencia

Suerte