Cargar ajax y php

[gabe_2007]

Hola
tengo un problema, y la verdad que no logro hacer.
Tengo una pagina template donde esa tiene un header q va en todas las paginas y una tabla central con un centro() donde ahi se cargan las demas paginas mostrando el header, como dije antes un template.

Yo quiero que ajax cargue el centro dejando el template siempre, osea q cargue solo centro(), el problema es q es todo PHP y intente hacer la funcion connect con el yui (yahoo ui) y no lo logre, alguien me da una mano para hacer esta carga asincronica con ajax???

GRACIAS!!!

[gabe_2007]

estoy probando con este codigo pero recibo un error... estoy poniendo algo mal?

function nuevoAjax(){
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;
}

y

function cargarContenido(){
var contenedor;
contenedor = document.getElementById('contenedor');
ajax=nuevoAjax();
ajax.open("GET", centro(),true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText
}
}
ajax.send(null)
}
window.onload= function(){cargarContenido()}

donde tengo el centro() puse un div llamado "contenedor"...
osea yo lo hice todo en el template, esto es valido?? o tengo que crear otra pagina php con el centro() y vincular "ajax.open("GET", "archivocentro.php",true);" ???

gracias!!

[marto_dev]

Wop!

Iniciado por gabe_2007

o tengo que crear otra pagina php con el centro() y vincular "ajax.open("GET", "archivocentro.php",true);" ???

efectivamente, tienes que hacer eso ;)

el segundo parametro tiene que ser una url, absoluta o realitva (lo mismo que pondrias en un link o en el action de un form) ;)

[gabe_2007]

gracias!!! y alguien tiene idea como poner el gif animado como para que se vea que esta cargando algo??

[gvargas]

Código AJAX

Código PHP:

  ajax.onreadystatechange = function()
            {
                  if (ajax.readyState == 1)
                      divStatus.style.display = 'block';
                  
                  if (ajax.readyState == 4)
                      {
                          divStatus.style.display = 'none';                          
                    }                      
            } 
   

El Div:

Código PHP:

  <div class="msgStatus" id="status"><center><img src='/site/img/ajax-loader.gif' border='0' align='absmiddle'> Procesando tu solicitud.</center></div> 
   

El estilo:

Código PHP:

  .msgStatus
{
      position: fixed;
    top: 1px;
    right:0px;
    border: 1px solid  #FEEB9D;
    background-color: #FEEB9D;
    color: #333333;
    font:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    width: 15%;
    height: 18px;
    display:none;
} 
   

Espero sirva

[gabe_2007]

gvargas gracias!!

pero tengo un inconveniente recibo un error diciendome que divstatus esta indefinido...

[MaBoRaK]

loading.................


[php]
ajax.onreadystatechange = function()
{
if (ajax.readyState == 1)
document.getElementById("status").style.display = 'block';

if (ajax.readyState == 4)
{
document.getElementById("status").style.display = 'none';
}
}
[php]


connection closed.

[gabe_2007]

gracias gente!!
pero tengo un inconveniente grave, resulta que al utilizar el ajax y dividir el template en 2 ya no funciona de ninguna forma, e intentado hacer multiples pruebas pero no pude, no existe ninguna forma de hacer el ajax dentro de la misma pagina???

pq el problema que tengo es que todas las paginas llaman al template pero al estar dividido no funciona y cuando pongo que llamen a la segunda parte del template (donde esta la funcion que pide el ajax) se hace una ensalada rusa y me muestra dos veces el template 2 veces la pagina que pido etc... yo lo que quiero hacer es que en ves que el ajax llame a la segunda parte del template q este mediante alguna x funcion llame a la pagina que se requiere por ejemplo si clickeo en Registro que cargue registro y no que tenga q cargar la segunda parte del template...

se entiende??