Problema con una funcion en .JS

[roma_orm]

Hola a todos.

Primero que nada gracias por la ayuda que hacen me ha servido de mucho.
Bien me he topado con el siguiente problema:

1.- Tengo una funcion en un js a la cual le hago llamada con la siguiente sentencia:

Código PHP:

  echo "<td><div align='center'>    <a style=\"color:#FFFFFF; font-family:'Calibri';\" href=\"javascript:addRowGrab('myGrab','".$row[0]."','".$row[1]."','".$row[2]."','".$row[3]."','".$row[4]."','".$row[5]."','divMyGrab')\"> <img src='add.png'></a> </div></td>";        
    echo "</tr>"; 
   

2.- Esta la funcion a la que hago referencia:

Código Javascript:

function addRowGrab(idTabla, Nc, Nom,A_p, A_m, Esp, Sem, nomDiv ){
      
  var divS="<div align='center'><a style=\"color:#333333; font-family:'Calibri'; \">";
  var divSC="</a></div>";
  var table = document.getElementById(idTabla);
  
//get the table
//elem.style.display=’none’;
elem = document.getElementById(nomDiv);
elem.style.display='block';
 
  
  //get the number of rows currently in the table
  var numRows = table.rows.length;
  //insert a new row at the bottom
  var newRow = table.insertRow(numRows);
 // alert("mamada XD ini");
  //create new cells
  var newCell1 = newRow.insertCell(0);
  var newCell2 = newRow.insertCell(1);
  var newCell3 = newRow.insertCell(2);
  var newCell4 = newRow.insertCell(3);
  var newCell5 = newRow.insertCell(4);
  var newCell6 = newRow.insertCell(5);  
  var newCell7 = newRow.insertCell(6);  
 
  newCell1.innerHTML = divS+Nc+divSC;
  newCell2.innerHTML = divS+Nom+divSC;
  newCell3.innerHTML = divS+A_p+divSC;
  newCell4.innerHTML = divS+A_m+divSC;
  newCell5.innerHTML = divS+Esp+divSC;  
  newCell6.innerHTML = divS+Sem+divSC;
  newCell7.innerHTML = "<div align='center'><img src='delete.png'></a> </div>";
  
}// function
 

bueno por el momento lo que hace esta funcion es cargar los rows que le mando en la sentencia con la que la mando a llamar en una tabla que estaba oculta.

El problema es que no se como hacer para que cuando se le de click en el icono que hace la ejecucion de esta funcion se le quite el boton de <img src='add.png'> para que el usuario ya no pueda seguir agregandolo a la tabla.

Espero me haya hecho entender y de ante mano gracias. Espero sus respuestas.

[Adler]

Hola

Vamos a intentarlo con un contador. También te he corregido alguna otra cosa

Código Javascript:

echo "<td><div align='center'>    <a style=\"color:#FFFFFF; font-family:'Calibri';\" href=\"#\" onclick=\"cont++; addRowGrab('myGrab','".$row[0]."','".$row[1]."','".$row[2]."','".$row[3]."','".$row[4]."','".$row[5]."','divMyGrab', cont); return false;\"> <img src='add.png'></a> </div></td>";        
    echo "</tr>";  
 
var cont = 0;
function addRowGrab(idTabla, Nc, Nom,A_p, A_m, Esp, Sem, nomDiv, cont){
if (cont >=1) {
alert('no puedes inserta mas')
} else {
........
 

Suerte

[roma_orm]

Hola Adler.

Veras he modificado a como he entendido y ahora cuando le doy click para que se agregue el alumno a la tabla, me sale el alert() sin haber insertado al alumno y pues sin mostrar la tabla.

Dejo la funcion como la modifique, perdona si es que no te he entendido.

Código Javascript:

var cont = 0;
 
//function addRowGrab(idTabla, Nc, Nom,A_p, A_m, Esp, Sem, nomDiv ){
    
function addRowGrab(idTabla, Nc, Nom,A_p, A_m, Esp, Sem, nomDiv, cont){
    
  
if (cont >=1) {
alert('no puedes inserta mas')
} else {    
    
  var divS="<div align='center'><a style=\"color:#333333; font-family:'Calibri'; \">";
  var divSC="</a></div>";
  var table = document.getElementById(idTabla);
  
//get the table
//elem.style.display=’none’;
elem = document.getElementById(nomDiv);
elem.style.display='block';
 
  
  //get the number of rows currently in the table
  var numRows = table.rows.length;
  //insert a new row at the bottom
  var newRow = table.insertRow(numRows);
 // alert("mamada XD ini");
  //create new cells
  var newCell1 = newRow.insertCell(0);
  var newCell2 = newRow.insertCell(1);
  var newCell3 = newRow.insertCell(2);
  var newCell4 = newRow.insertCell(3);
  var newCell5 = newRow.insertCell(4);
  var newCell6 = newRow.insertCell(5);  
  var newCell7 = newRow.insertCell(6);  
 
  newCell1.innerHTML = divS+Nc+divSC;
  newCell2.innerHTML = divS+Nom+divSC;
  newCell3.innerHTML = divS+A_p+divSC;
  newCell4.innerHTML = divS+A_m+divSC;
  newCell5.innerHTML = divS+Esp+divSC;  
  newCell6.innerHTML = divS+Sem+divSC;
  //newCell7.innerHTML = "<div align='center'><img src='delete.png'></a> </div>";
  newCell7.innerHTML =  "<div align='center'>   <a style=\"color:#FFFFFF;\" href=\"javascript:deleteRowGrab('myGrab','"+nomDiv +"')\"> <img src='delete.png'></a> </div>";
}
}// function
 

tambien he modificado la sentencia de llamada a la funcion como me la has puesto.

[roma_orm]

Hola Adler.

Asi como he dejado la funcion, jugando con el contador la funcion del contador no impide que se puedan insertar mas rows del mismo alumno, sino que funciona como un limitador de cuantas inserciones se pueden hacer a la tabla.

Mando una imagen del problema que surgio.

[Adler]

Hola

Iniciado por roma_orm

Hola Adler.

Asi como he dejado la funcion, jugando con el contador la funcion del contador no impide que se puedan insertar mas rows del mismo alumno, sino que funciona como un limitador de cuantas inserciones se pueden hacer a la tabla.

Mando una imagen del problema que surgio.

No entiendo lo que comentas.
En cuanto al problema de tu post anterior. La solución es if(cont >=2): Entendistes bien, pero las prisas ....

Suerte

[roma_orm]

Hola Adler.

Lo que pasa con la solucion que me propusiste, es que actua como un limitador de cuantas inserciones se pueden hacer a la tabla de abajo, pero deja que se sigan repitiendo inserciones del mismo alumno que es lo que no quiero que haga.

Lo que plantie fue como eliminar el boton de agregar, una vez que el usuario a dado click para adherirlo a la tabla y asi el usuario ya no pueda insertar de nuevo al mismo alumno.

Gracias.

[Adler]

Hola

De acuerdo, no lo entiendo pero tu mandas

echo "<td><div align='center'> <a id=\"vink\" style=\"color:#FFFFFF; font-family:'Calibri';\" href=\"#\" onclick=\"addRowGrab('myGrab','".$row[0]."','".$row[1]."','".$row[2]."','".$row[3]."','".$row[4]."','".$row[5]."','divMyGrab', this.id); return false;\"> <img src='add.png'></a> </div></td>";

function addRowGrab(thisA) {
document.getElementById(thisA).innerHTML = '';
}

Suerte

[roma_orm]

Muchas Gracias por tus respuestas Adler.

Me ha servido mucho.
He solucionado el problema gracias una vez mas saludos.

Espero contar con tu apoyo en proximas intervenciones.

[Adler]

Iniciado por roma_orm

Espero contar con tu apoyo en proximas intervenciones.

Lo intentaremos

[roma_orm]

Hola Adler.

Veras me he estancado con lo que me has ayudado, ya se insertan los alumnos a la tabla que hacemos visible y todo ya esta bien, pero tengo que insertar a una tabla de mi base de datos los registros que he metido a la tabla invisible, lo que necesito sacar son: el ID del grupo y los numero de control de los alumnos, de modo que cuando le de click al boton agregar solo jale esos valores para hacer la sentencia en SQL con esto es con lo que he podido avanzar.



Espero haberme hexo entender gracias.