me encuentro desarrollando una pagina, la cual en su mayoría es dinámica y para ello utilizo Ajax, el detalle esta en una tabla que se pinta según el dato seleccionado y esta tabla tiene un botón "+" el cual ejecuta un modal formulario, al darle click por primera vez no hace nada, le doy de nuevo y si ejecuta el modal, no comprendo cual sea el problema, o si en algo afecte que esa tabla sea dinámica.
Mi funcion javascript es la siguiente:
function getModal(e){
e.preventDefault();
document.getElementById('btnabrir').addEventListener('click',function(){
document.getElementsByClassName('fondo_transparente')[0].style.display='block'
return false
})
document.getElementsByClassName('modal_cerrar')[0].addEventListener('click', function(){
document.getElementsByClassName('fondo_transparente')[0].style.display='none'
})
document.getElementsByClassName('cancelar')[0].addEventListener('click', function(){
document.getElementsByClassName('fondo_transparente')[0].style.display='none'
})
}
<?php
if (isset($_POST['id_edo'])){ $id_edo = $_POST['id_edo'];
$stid = oci_parse($conn,"SELECT clavecct, il_actual, il_propuesta, suc_propuesta, dist_propuesta, tiempo_pro,
procede_enlace, procede FROM planea.tabla WHERE P_ACTUAL = 1 and id_edo = $id_edo");
oci_execute($stid);
echo "<table id='table2'>
<thead class='headTable'>
<tr>
<th colspan='6' id='tableName'>ESCUELAS POR REVISAR</th>
<th colspan='2' id='tableName'><button id='btnabrir' title='Agregar Escuela'><i class='fa fa-plus'></i></button></th>
</tr>
<tr id=''>
<th>CLAVE CCT</th>
<th>IL ACTUAL</th>
<th>IL PROPUESTA</th>
<th>SUC PROPUESTA</th>
<th>DIST PROPUESTA</th>
<th>TIEMPO PROMEDIO</th>
<th>PROCEDE ENLACE</th>
<th>PROCEDE</th>
</tr>
</thead>";
while (($row = oci_fetch_object($stid)) != false) {
$cct[] = $row;
}
//RECORRE EL ARREGLO DE OBJETOS E IMPRIME EL OBJETO ESPECIFICADO, EL NOMBRE DEL OBJETO DEBE SER IGUAL O NO MOSTRARA NADA
foreach ($cct as $cct) {
echo "<tr>
<td><a id=".$cct -> CLAVECCT." class='cct' href='' onClick='getCCT(event);'>".$cct -> CLAVECCT."</a></td>
<td>".$cct -> IL_ACTUAL."</td>
<td>".$cct -> IL_PROPUESTA."</td>
<td>".$cct -> SUC_PROPUESTA."</td>
<td>".$cct -> DIST_PROPUESTA."</td>
<td>".$cct -> TIEMPO_PRO."</td>
<td>".$cct -> PROCEDE_ENLACE."</td>
<td>".$cct -> PROCEDE."</td>
</tr>";
}
echo "</table>";