Hola a todos, soy nuevo en el foro y espero que me puedan ayudar con este problema:
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:
<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>
Codigo .js El registro.php posee el código correspondiente para insertar mas el include Consulta.php que es, para imprimir la tabla correspondiente
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.