Resulta que estoy aprendiendo AJAX y Ventanas modales, para esto uso greybox.
El problema que tengo, es que al navegar por primera ves en la pagina no tengo ningún problema, para que me aparezcan las ventanas modales al modificar un archivo. El problema resulta, que cuando ingreso o modifico un registro se recarga el div correspondiente sin ningún problema, pero al acceder por ventana modal a un registro ya ingresado me aparece en una nueva pagina y no en un pop-up antes mencionado.
Código:
Codigo .js El registro.php posee el código correspondiente para insertar mas el include Consulta.php que es, para imprimir la tabla correspondiente<div id="resultado" align="center"> <table style="border:1px solid #666633; color:#000099;"> <tr> <td width="100px" align="left">1</td> <td width="100px" align="left">asd</td> <td width="100px" align="left">Juanl</td> <td width="100px" align="left">Ramos</td> <td width="100px" align="left">asdfa</td> <td width="100px" align="center"><a href="modificar.php?id=1" rel="gb_page_center[445,360]"><img src="imagen/editar2.gif"></a></td> <td width="100px" align="center"><a href="javascript:eliminar(1, 'asd','carvajal')" ><img src="imagen/eli.gif"></a></td> </tr> <tr> <td width="100px" align="left">2</td> <td width="100px" align="left">q</td> <td width="100px" align="left">asd</td> <td width="100px" align="left">ads</td> <td width="100px" align="left">asdfeaeaea</td> <td width="100px" align="center"><a href="modificar.php?id=2" rel="gb_page_center[445,360]"><img src="imagen/editar2.gif"></a></td> <td width="100px" align="center"><a href="javascript:eliminar(2, 'q','Carvajal')" ><img src="imagen/eli.gif"></a></td> </tr> <tr> <td width="100px" align="left">3</td> <td width="100px" align="left">w</td> <td width="100px" align="left">w</td> <td width="100px" align="left">w</td> <td width="100px" align="left">51-waaaa</td> <td width="100px" align="center"><a href="modificar.php?id=3" rel="gb_page_center[445,360]"><img src="imagen/editar2.gif"></a></td> <td width="100px" align="center"><a href="javascript:eliminar(3, 'w','w')" ><img src="imagen/eli.gif"></a></td> </tr> </table></div>
Código:
function objetoAjax(){ var xmlhttp=false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } //Metodo function enviarDatosEmpleado(){ divResultado = document.getElementById('resultado'); //se cargaran los datos de acuerdo al div en el formato nom=document.form.name.value; ape=document.form.apellido.value; apo=document.form.apoderado.value; cod=document.form.codigo.value; tel=document.form.telefono.value; ajax=objetoAjax(); ajax.open("POST", "registro.php",true); ajax.onreadystatechange=function() { if (ajax.readyState==4) { divResultado.innerHTML = ajax.responseText LimpiarCampos(); } } ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); ajax.send("nombre="+nom+"&apellido="+ape+"&apoderado="+apo+"&telefono="+cod+"-"+tel); } function LimpiarCampos(){ document.form.name.value=""; document.form.apellido.value=""; document.form.apoderado.value=""; document.form.telefono.value=""; }
Desde ya agradezco su ayuda.