Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema greybox + Ajax

Estas en el tema de Problema greybox + Ajax en el foro de Frameworks JS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 28/07/2011, 16:00
 
Fecha de Ingreso: julio-2011
Mensajes: 6
Antigüedad: 13 años, 3 meses
Puntos: 0
Problema greybox + Ajax

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.
  #2 (permalink)  
Antiguo 28/07/2011, 19:07
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: Problema greybox + Ajax

Hola:

Ya que estás en la etapa de aqprendizaje, te comento que greybox no es una ventana modal... solo son tres las estándar: alert, confirm y prompt.

Vamos a mover el tema a plugins, ya que ese problema no es ajax sino del greybox.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: ajax, greybox, post, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:20.