Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/03/2012, 13:06
johhan16
 
Fecha de Ingreso: junio-2010
Ubicación: Venezuela, Zulia
Mensajes: 686
Antigüedad: 14 años, 7 meses
Puntos: 55
Respuesta: Cargar con Ajax dentro de un cuadro de Texto

Cita:
Iniciado por emprear Ver Mensaje
@johhan16
Hay una gran confusión en todo lo que planteás....
NO tiene ninguna relación el contenido del primer post , que es, pasar a mayúsculas las letras a medida que se las ingresa en un campo de texto, cosa que en tu ejemplo, funciona perfectamente en el campo "nombre", con lo que estás planteando ahora.

yo en ningún momento dije que es pasar a mayúsculas las letras (eso lo hace perfectamente bien)

el titulo del POST dice claramente (o por lo menos así lo veo yo) Cargar con Ajax dentro de un cuadro de Texto

bueno voy a intentar explicar lo mejor posible tengo lo siguiente

index.php

Código PHP:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Prueba de Funcionamiento AJAX</title>
  6. <!-- AQUI SE COLOCA LA RUTA DONDE SE ENCUENTRA EL ARCHIVO
  7. AJAX.JS EN ESTE CASO ESTA EN LA MISMA CARPETA QUE LOS OTROS ARCHIVOS -->
  8. <script type="text/javascript" src="ajax.js"></script>
  9. </head>
  10.  
  11. <body>
  12. <form id="form1" name="form1" method="post" action="">
  13. <label>
  14. Escribe tu nombre:
  15. <input type="text" name="nombre" id="nombre" />
  16. </label>
  17. <label>
  18. <input type="button" name="saludar" onclick="mostrarNombre(this.form.nombre.value)" id="saludar" value="Enviar" />
  19. </label>
  20. <!-- AQUI SE HACE EL DIV DONDE DARA RESPUESTA EL AJAX -->
  21. </form>
  22.  
  23. <input type="text" id="respuesta_ajax" name="nombre" id="nombre" />
  24.  
  25. </body>
  26. </html>


ajax.js

Código Javascript:
Ver original
  1. function objetoAjax(){
  2.     var xmlhttp=false;
  3.     try {
  4.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  5.     } catch (e) {
  6.         try {
  7.            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  8.         } catch (E) {
  9.             xmlhttp = false;
  10.         }
  11.     }
  12.  
  13.     if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  14.         xmlhttp = new XMLHttpRequest();
  15.     }
  16.     return xmlhttp;
  17. }
  18.  
  19.  
  20. function mostrarNombre(nombre){
  21.  
  22.     divResultado = document.getElementById('respuesta_ajax');
  23.    
  24.    
  25.         //instanciamos el objetoAjax
  26.         ajax=objetoAjax();
  27.         //uso del medotod GET
  28.         ajax.open("GET", "prueba_ajax.php?nombre="+nombre);
  29.         ajax.onreadystatechange=function() {
  30.            
  31.             if (ajax.readyState==4) {
  32.                 //mostrar resultados en esta capa
  33.                 divResultado.innerHTML = ajax.responseText
  34.             }
  35.         }
  36.         //como hacemos uso del metodo GET
  37.         //colocamos null
  38.         ajax.send(null)
  39. }


prueba_ajax.php

Código PHP:
Ver original
  1. <?php
  2. $nombre = strtoupper($_GET['nombre']);
  3. echo "Hola ".$nombre." espero que con esto aprendas";
  4. ?>


ok si coloco esto como aparece arriba no me muestra resultados en el cuadro de texto, pero si reviso con firebug si me envia el resultado.

lo que quiero es saber si es posible mostrar el resultado en el cuadro de texto con solo colocar el id del mismo y no tener que encerrarlo dentro de un DIV
__________________
<?php echo "No te metas a lo hondo del Mar si no sabes nadar, primero aprende a nadar" ?>
...Error en linea: 1 o.O