hola a todos , espero me puedan ayudar un poco.. tengo un listado que se carga con registro de la base de datos, cada fila tiene un boton de añadir, la cual ejecuta una funcion javascript la cual manda dicha fila y la crea en una segunda tabla y esta desaparece de la primera/ y la añade un boton de eliminar por cada fila creada. hasta los momentos esto me funciona correctamente ahora mi problema es que necesito que en el boton de eliminar al darle click me elimine esa fila de la segunda tabla, y aparezca de nuevo en la primera. eh intentado por muchos medios. y algo relacionado con que tengo que ver la clase padre, pero no lo comprendo
no c mucho de javascript espero puedan ayudarme, este es el codigo que tengo por los momentos
Código HTML:
Ver original<script type="text/javascript"> function añadirFilas(a,b,c,d,e,f,g,h,i,j){
// optenemos los valores que estan de tu primera tabla...
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 tr=document.createElement('tr');
var td0=document.createElement('td');
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..
td0.innerHTML= '
<input type="button" value="Cancelar">';
td1.innerHTML=valor1;
td2.innerHTML=valor2;
td3.innerHTML=valor3;
td4.innerHTML=valor4;
td5.innerHTML=valor5;
td6.innerHTML=valor6;
td7.innerHTML=valor7;
td8.innerHTML=valor8;
td9.innerHTML=valor9;
td10.innerHTML=valor10;
// agregamos los
<td> al
<tr>..
tr.appendChild(td0);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tr.appendChild(td6);
tr.appendChild(td7);
tr.appendChild(td8);
tr.appendChild(td9);
tr.appendChild(td10);
// agregamos el
<tr> a tu segunda tabla
tabla2.appendChild(tr);
}
function eliminarFilas(a,b,c,d,e,f,g,h,i,j){
// optenemos los valores que estan de tu primera tabla...
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 tr=document.createElement('tr');
var td0=document.createElement('td');
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..
td0.outerHTML= '
<input type="button" value="Cancelar">';
td1.outerHTML=valor1;
td2.outerHTML=valor2;
td3.outerHTML=valor3;
td4.outerHTML=valor4;
td5.outerHTML=valor5;
td6.outerHTML=valor6;
td7.outerHTML=valor7;
td8.outerHTML=valor8;
td9.outerHTML=valor9;
td10.outerHTML=valor10;
// agregamos los
<td> al
<tr>..
tr.appendChild(td0);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tr.appendChild(td6);
tr.appendChild(td7);
tr.appendChild(td8);
tr.appendChild(td9);
tr.appendChild(td10);
// agregamos el
<tr> a tu segunda tabla
tabla2.appendChild(tr);
}
<table width="1019" border="1" bordercolor="#999999" cellspacing="0"> <td width="70" bgcolor="#E4E4E4" id="inicio">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="123" bgcolor="#E4E4E4" id="final"><center> Monto Total
<?php
while ($fila=mysql_fetch_array($rst_cliente)){
?>
<tr onmouseover='this.style.background="#D7F7FF"' onmouseout='this.style.background=""'> <td width="70" align="center"><input type="button" value="Añadir" onClick="añadirFilas('<?php echo $fila[1];?>','
<?php echo $fila[2];?>','
<?php echo $f_inicio;?>','
<?php 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];?>')" />
</td> <td width="28" height="24" ><?php echo $fila[1];?></td> <td width="109" height="24" ><?php echo $fila[2];?></td> <td width="170" height="24" ><?php
$fecha=$fila[9];
$fecha_m = explode("-", $fecha);
$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;
<td width="210" height="24" ><?php
$fecha=$fila[10];
$fecha_m = explode("-", $fecha);
$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;
<td width="109" height="24" ><?php echo $fila[14];?></td> <td width="109" height="24" ><?php echo $fila[15];?></td> <td width="145"><?php echo $fila[3];?></td> <td width="130"><?php echo $fila[6];?></td> <td width="123"><div class="scrolled2"><?php echo $fila[7];?></div></td> <td width="130"><?php echo $fila[8];?></td> <?php
}
?>
<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
mover filas entre dos tablas (agregar y eliminar) 
sigas repitiendo temas
