[SOLUCIONADO] función javascript no ejecuta en diferentes pc . sugerencia ?

[jjeshuacm1]

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:

<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:

</tr>
            <?php
        while ($fila=mysql_fetch_array($rst_cliente)){
        ?>
            <tr onmouseover='this.style.background=&quot;#D7F7FF&quot;' onmouseout='this.style.background=&quot;&quot;' 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];
$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;?>','<?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;?>','<?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:

<table width="1019" border="1"  bordercolor="#999999" cellspacing="0" id="tabla2">
          <tr>
            <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&oacute;n</td>
            <td width="123" bgcolor="#E4E4E4"><center>
              Mensualidad
              </center></td>
            <td width="130" bgcolor="#E4E4E4" id="final2"><center>
              Monto Total
              </center></td>
            </tr>
          
          </table>
 

[ocp001a]

¿function añadirFilas? aunque imagino que debe funcionar, y sin mucho tiempo para analizar el código, te sugiero que uses bien el doctype y la codificación del archivo para el uso de caracteres especiales, además de usar el complemento para firefox firebug, que te puede indicar errores y advertencias en javascript.

[jjeshuacm1]

si funciona correctamente, la diferencia es que en mi pc funciona en google chrome y en otra pc con el mismo google chrome no funciona

[emprear]

Iniciado por jjeshuacm1

si funciona correctamente, la diferencia es que en mi pc funciona en google chrome y en otra pc con el mismo google chrome no funciona

Empezá por revisar la consola de Chrome

Saludos

[jjeshuacm1]

mmmmm esta como dificil, yo actualice los dos google chrome en las diferentes pc, pero no comprendo aun por q no c ejecuta es algo ilógico .

[emprear]

Ya te dije, revisá la consola, sería bueno que pases la url

Saludos

[jjeshuacm1]

gracias por tu respuesta, lo q sucede es q no c donde puede verificar la consola, pero voy a investigar un poco mas... no puedo enviar la url. aun esta en servidor local, :)

[emprear]

Consola Chrome
control+shift+j

[jjeshuacm1]

lo ejecute en firefox . y si funciona perfectamente, y en chrome no lo hace...

[nicolaseguez]

saca el añadir de la fucion, acostumbrate a nombrar sin ñ y en lo posible en ingles (addFiles).
A simple vista no veo ningun error en tu codigo.
Seria bueno que pases una url o como dijo un colega, que te fijes en la consola. Es muy raro que algo no ande en chrome solamente. La otra opcion es ir escribiendo bloques try/catch y ver por que no ejecuta. Pero con la consola es mas facil.

[jjeshuacm1]

hola muchas gracias, nicolaseguez yemprear . ya pude solucionarlo y que funcionara en los dos navegadores. el problema era que me tenia que eliminar una fila completa, y solo me eliminaba el boton ... la function remove .... estaba el nombre (remove en ingles) al darle click me eliminaba ese boton. por que pienso yo que es una función de javascript que me elimina ese elemento marcado en el onclick, tuve que cambiar el nombre a function eliminar, para que efectivamente me enviara los id y se ejecutara.