<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
Hola German,<br>
Fijate que faltan un 2 puntos en el onchange, despues de la palabra
javascript<br>
<br>
Ademas, la url tendria que ser (si es que existe getValues.php y
devuelve lo que espera tu script)<br>
var url="getValues.php";<br>
<br>
Ya que despues le pasas los parametros abajo con: <br>
xmlHttp.send("?nombre=" + escape(nombre)); <br>
<br>
2 consejos:<br>
- Instalate el plugin Web Developer o Firebug para firefox (el 1ro
también está para chrome) asi podes ver los errores de javascript.<br>
- Googlea!!!<br>
<br>
Saludos!<br>
<br>
On 19/12/11 22:57, German Valencia wrote:
<blockquote
cite="mid:CAKhcjCyJ8BisXkPVgeLEtL2pWRjwiTs-WLQqa2QBmbxRDHi+UQ@mail.gmail.com"
type="cite">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>
<br>
</div>
<div><br>
</div>
<div><br>
</div>
<div><br>
</div>
<div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "<a moz-do-not-send="true"
href="http://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd</a>"></div>
<div><html></div>
<div><br>
</div>
<div><head></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><meta
http-equiv="content-type" content="text/html; charset=UTF-8"></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><meta
name="German" content="ger"></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </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><br>
</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><br>
</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>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
Php-avanzado mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Php-avanzado@pato2.fi.mdp.edu.ar">Php-avanzado@pato2.fi.mdp.edu.ar</a>
<a class="moz-txt-link-freetext" href="http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado">http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado</a></pre>
</blockquote>
<br>
</body>
</html>