hola a todos me gustaria que me despejaran la duda o si me pueden ayudar un poco.... en mi Pc desarrolle una funcion la cual de un listado generado de datos de la BD. tiene un boton añadir, al darle click se ejecuta el javascript a continuacion me añada esa fila a otra tabla ese registro o esa fila .. con un boton de cancelar al lado que tambien al darle click me ejecuta la misma funcion pero elimina esa fila de la tabla2. y la activa de nuevo en la primera tabla . algo confuso de explicar pero entendible si se ve graficamente . pero en mi pc no funciona correctamente , cuando lo pase a otra pc esa funcion cuando le doy al boton de cancelar de la tabla2, no me remueve esa fila , ni activa ese registro en la tabla1.
NO se por que no en mi pc se ejecuta y en la otra lo que hace es quitar el boton de cancelar y ya. mas no quita la fila completa. espero me puedan ayudar un poco
Código Javascript
:
Ver original<script type="text/javascript">
function añadirFilas(id,a,b,c,d,e,f,g,h,i,j){
// optenemos los valores que estan de tu primera tabla...
var valor0=id;
var valor1=a;
var valor2=b;
var valor3=c;
var valor4=d;
var valor5=e;
var valor6=f;
var valor7=g;
var valor8=h;
var valor9=i;
var valor10=j;
// optenemos el id de tu segunda tabla y creamos los <tr> y <td> necesarios...
var tabla2=document.getElementById('tabla2');
var tr1=document.createElement('tr');
var th0=document.createElement('th');
var td1=document.createElement('td');
var td2=document.createElement('td');
var td3=document.createElement('td');
var td4=document.createElement('td');
var td5=document.createElement('td');
var td6=document.createElement('td');
var td7=document.createElement('td');
var td8=document.createElement('td');
var td9=document.createElement('td');
var td10=document.createElement('td');
//agregamos los valores de tu primera tabla a los <td> creados..
th0.innerHTML= '<input type="button" value="Cancelar" onClick="remove(this,'+valor0+')" id="'+valor0+'" /><input type="hidden" name="id[]" value="' + valor0 + '" >';
td1.innerHTML=valor1+'<input type="hidden" name="crear[]" value="' + valor1 + '" >';
//onClick="document.getElementById('+valor0+').style.display ="none":"block";">
td2.innerHTML=valor2+'<input type="hidden" name="titulo[]" value="' + valor2 + '" >';
td3.innerHTML=valor3+'<input type="hidden" name="inicio_inscrip[]" value="' + valor3 + '" >';
td4.innerHTML=valor4+'<input type="hidden" name="culminacion[]" value="' + valor4 + '" >';
td5.innerHTML=valor5+'<input type="hidden" name="horas[]" value="' + valor5 + '" >';
td6.innerHTML=valor6+'<input type="hidden" name="total_h[]" value="' + valor6 + '" >';
td7.innerHTML=valor7+'<input type="hidden" name="modalidad[]" value="' + valor7 + '" >';
td8.innerHTML=valor8+'<input type="hidden" name="monto_inscrip[]" value="' + valor8 + '" >';
td9.innerHTML=valor9+'<input type="hidden" name="mensualidad[]" value="' + valor9 + '" >';
td10.innerHTML=valor10+'<input type="hidden" name="monto_total[]" value="' + valor10 + '" >';
// agregamos los <td> al <tr>..
tr1.appendChild(th0);
tr1.appendChild(td1);
tr1.appendChild(td2);
tr1.appendChild(td3);
tr1.appendChild(td4);
tr1.appendChild(td5);
tr1.appendChild(td6);
tr1.appendChild(td7);
tr1.appendChild(td8);
tr1.appendChild(td9);
tr1.appendChild(td10);
// agregamos el <tr> a tu segunda tabla
tabla2.appendChild(tr1);
}
</script>
<script type="text/javascript">
function remove(t,id)
{
var elemento= id;
var td = t.parentNode;
var tr = td.parentNode;
var table = tr.parentNode;
table.removeChild(tr);
document.getElementById(elemento).style.display='';
}
</script>
este es parte de las tablas
Código PHP:
Ver original</tr>
<?php
?>
<tr onmouseover='this.style.background="#D7F7FF"' onmouseout='this.style.background=""' id="<?php echo $fila[0];?>">
<td width="70" align="center" >
<?php $cupos=$fila[16];
if ($cupos==0){ ?> <input type="button" value="Lleno" ONCLICK="alert('Este curso esta lleno');">
<?php }
else if($cupos >= 1){
?>
<!-- boton de aceptar--->
<input type="button" value="Añadir" onclick="añadirFilas('<?php echo $fila[0];?>','<?php echo $fila[1];?>','<?php echo $fila[2];?>','<?php $fecha=$fila[9];
$dia_m =$fecha_m[2];
$mes_m =$fecha_m[1];
$anio_m=$fecha_m[0];
$f_inicio= $dia_m.'-'.$mes_m.'-'.$anio_m;
echo $f_inicio;?>','<?php $fecha=$fila[10];
$dia_m =$fecha_m[2];
$mes_m =$fecha_m[1];
$anio_m=$fecha_m[0];
$f_fin= $dia_m.'-'.$mes_m.'-'.$anio_m;
echo $f_fin;?>','<?php echo $fila[14];?>','<?php echo $fila[15];?>','<?php echo $fila[3];?>','<?php echo $fila[6];?>','<?php echo $fila[7];?>','<?php echo $fila[8];?>');document.getElementById('<?php echo $fila[0];?>').style.display='none' " />
<?php }?>
</td>
Código HTML:
Ver original<table width="1019" border="1" bordercolor="#999999" cellspacing="0" id="tabla2"> <td width="70" bgcolor="#E4E4E4" id="inicio2">Acciones
</td> <td width="28" bgcolor="#E4E4E4">Tipo
</td> <td width="109" bgcolor="#E4E4E4">Nombre
</td> <td width="170" bgcolor="#E4E4E4">Inicio del Curso o Taller
</td> <td width="210" bgcolor="#E4E4E4">Culminacion del Curso del Taller
</td> <td width="109" bgcolor="#E4E4E4">Hora
</td> <td width="109" bgcolor="#E4E4E4">Total de Hora
</td> <td width="145" bgcolor="#E4E4E4">Modalidad
</td> <td width="130" bgcolor="#E4E4E4">Monto de inscripci
ón
</td> <td width="123" bgcolor="#E4E4E4"><center> Mensualidad
<td width="130" bgcolor="#E4E4E4" id="final2"><center> Monto Total