<HTML><HEAD></HEAD>
<BODY dir=ltr>
<DIV dir=ltr>
<DIV style="FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: 12pt">
<DIV>Hola German,</DIV>
<DIV> </DIV>
<DIV>Yo también estuve chequeando el código y no lo pude hacer funcionar y
buscando encontré 2 funciones que me parecieron mas fáciles no se si te
sirven, acá complementa ajax con xml y funciona para cunado vos queres modificar
un div sin recargar la pagina por medio de include (los div deben tener el mismo
id que envías la variable).</DIV>
<DIV> </DIV>
<DIV>Es decir generas un link por ejemplo <li><a
href="javascript:Enviar('prueba.php','contenido')" title="Prueba Ajax">Prueba
Ajax</a></li> , el primer valor es la pagina a incluir y el segundo
a que div que quieras alterar.</DIV>
<DIV> </DIV>
<DIV>
Saludos</DIV>
<DIV><EM><U>Código:</U></EM></DIV>
<DIV> </DIV>
<DIV><EM>function ajaxFunction() {</EM></DIV>
<DIV><EM> var xmlHttp;</EM></DIV>
<DIV><EM> </EM></DIV>
<DIV><EM> try {</EM></DIV>
<DIV><EM> </EM></DIV>
<DIV><EM> xmlHttp=new XMLHttpRequest();</EM></DIV>
<DIV><EM> return xmlHttp;</EM></DIV>
<DIV><EM> } catch (e) {</EM></DIV>
<DIV><EM> </EM></DIV>
<DIV><EM> try {</EM></DIV>
<DIV><EM> xmlHttp=new
ActiveXObject("Msxml2.XMLHTTP");</EM></DIV>
<DIV><EM> return xmlHttp;</EM></DIV>
<DIV><EM> } catch (e) {</EM></DIV>
<DIV><EM> </EM></DIV>
<DIV><EM> try {</EM></DIV>
<DIV><EM> xmlHttp=new
ActiveXObject("Microsoft.XMLHTTP");</EM></DIV>
<DIV><EM> return xmlHttp;</EM></DIV>
<DIV><EM> } catch (e) {</EM></DIV>
<DIV><EM> alert("Tu navegador no
soporta AJAX!");</EM></DIV>
<DIV><EM> return false;</EM></DIV>
<DIV><EM> }}}</EM></DIV>
<DIV><EM>}</EM></DIV>
<DIV><EM></EM> </DIV>
<DIV><EM>function Enviar(_pagina,capa) {</EM></DIV>
<DIV><EM> var ajax;</EM></DIV>
<DIV><EM> ajax = ajaxFunction();</EM></DIV>
<DIV><EM> ajax.open("POST", _pagina, true);</EM></DIV>
<DIV><EM> ajax.onreadystatechange = function() {</EM></DIV>
<DIV><EM> if
(ajax.readyState==1){</EM></DIV>
<DIV><EM>
document.getElementById(capa).innerHTML = " Aguarde por favor...";</EM></DIV>
<DIV><EM>
}</EM></DIV>
<DIV><EM> if (ajax.readyState == 4)
{</EM></DIV>
<DIV><EM>
</EM></DIV>
<DIV><EM>
document.getElementById(capa).innerHTML=ajax.responseText; </EM></DIV>
<DIV><EM>
}}</EM></DIV>
<DIV><EM>
</EM></DIV>
<DIV><EM> ajax.send(null);</EM></DIV>
<DIV><EM>} </EM></DIV>
<DIV
style="FONT-STYLE: normal; DISPLAY: inline; FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: small; FONT-WEIGHT: normal; TEXT-DECORATION: none">
<DIV style="FONT: 10pt tahoma">
<DIV> </DIV>
<DIV style="BACKGROUND: #f5f5f5">
<DIV style="font-color: black"><B>From:</B> <A title=gerval@gmail.com
href="mailto:gerval@gmail.com">German Valencia</A> </DIV>
<DIV><B>Sent:</B> Monday, December 19, 2011 10:57 PM</DIV>
<DIV><B>To:</B> <A title=php-avanzado@pato2.fi.mdp.edu.ar
href="mailto:php-avanzado@pato2.fi.mdp.edu.ar">Lista del curso de PHP
Avanzado</A> </DIV>
<DIV><B>Subject:</B> [Php-avanzado] Consulta de ajax</DIV></DIV></DIV>
<DIV> </DIV></DIV>
<DIV
style="FONT-STYLE: normal; DISPLAY: inline; FONT-FAMILY: 'Calibri'; COLOR: #000000; FONT-SIZE: small; FONT-WEIGHT: normal; TEXT-DECORATION: none">Hola
gente, estuve viendo lo de ajax que está en el módulo( perdón leo, pero
durante el curso ni lo había mirado) y no lo pude hacer andar, pero creo que en
el curso ya alguien había comentado lo mismo, si alguno lo miró y arregló por
favor me diga por qué no anda. acá va el código, a ver si alguien se da cuenta
que le pasa a esto:
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<A
href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd</A>"></DIV>
<DIV><html></DIV>
<DIV> </DIV>
<DIV><head></DIV>
<DIV><SPAN style="WHITE-SPACE: pre" class=Apple-tab-span></SPAN><meta
http-equiv="content-type" content="text/html; charset=UTF-8"></DIV>
<DIV><SPAN style="WHITE-SPACE: pre" class=Apple-tab-span></SPAN><meta
name="German" content="ger"></DIV>
<DIV><SPAN style="WHITE-SPACE: pre"
class=Apple-tab-span></SPAN><title>Ejemplo XML HTTP
Request</title></DIV>
<DIV> </DIV>
<DIV> <script language="javascript"
type="text/javascript"></DIV>
<DIV> // crea el ambiente JS para recibir la respuesta
dinámica</DIV>
<DIV> var xmlHttp = new XMLHttpRequest();</DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> function callServer(){</DIV>
<DIV> //obtiene el nombre escrito a
medida que se escribe</DIV>
<DIV> var
nombre=document.getElementById("nombre").value;</DIV>
<DIV> //sigo solo si hay datos</DIV>
<DIV> if ((nombre == null)||(nombre ==
""))return;</DIV>
<DIV> </DIV>
<DIV> //arma la URL para hacer la
consulta</DIV>
<DIV> var url="getValues.php?nombre="
+ escape(nombre);</DIV>
<DIV> </DIV>
<DIV> //abre la conexion con el
servidor</DIV>
<DIV>
xmlHttp.open("GET",url,true);</DIV>
<DIV> </DIV>
<DIV> //Determina la función a
ejecutar cuando se obtiene la respuesta del servidor</DIV>
<DIV>
xmlHttp.onreadystatechange=updatePage;</DIV>
<DIV> </DIV>
<DIV> //Envía la petición</DIV>
<DIV> xmlHttp.send("?nombre=" +
escape(nombre));
</DIV>
<DIV> }</DIV>
<DIV> //funcion que actualiza la página con la respuesta</DIV>
<DIV> function updatePage(){</DIV>
<DIV> if (xmlHttp.readyState == 4
){</DIV>
<DIV> var
response=xmlHttp.responseText;</DIV>
<DIV>
documente.getElementById("respuesta").value=response;</DIV>
<DIV> }</DIV>
<DIV> } </DIV>
<DIV> </DIV>
<DIV> </script></DIV>
<DIV></head></DIV>
<DIV> </DIV>
<DIV><body></DIV>
<DIV> <h3>Ejemplo de AJAX 2</h3></DIV>
<DIV> <form></DIV>
<DIV> <p>Nombre:<input
type="text" name="nombre" id="nombre" size="22" onchange="javascript
callServer();" ></p></DIV>
<DIV> <p>Respuesta: <input
type="text" name="respuesta" id="respuesta" size="40"></p></DIV>
<DIV> </form></DIV>
<DIV></body></DIV>
<DIV></html> </DIV>
<P>
<HR>
_______________________________________________<BR>Php-avanzado mailing
list<BR>Php-avanzado@pato2.fi.mdp.edu.ar<BR>http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado</DIV></DIV></DIV></BODY></HTML>