Cita:
Iniciado por emprear @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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba de Funcionamiento AJAX</title>
<!-- AQUI SE COLOCA LA RUTA DONDE SE ENCUENTRA EL ARCHIVO
AJAX.JS EN ESTE CASO ESTA EN LA MISMA CARPETA QUE LOS OTROS ARCHIVOS -->
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
Escribe tu nombre:
<input type="text" name="nombre" id="nombre" />
</label>
<label>
<input type="button" name="saludar" onclick="mostrarNombre(this.form.nombre.value)" id="saludar" value="Enviar" />
</label>
<!-- AQUI SE HACE EL DIV DONDE DARA RESPUESTA EL AJAX -->
</form>
<input type="text" id="respuesta_ajax" name="nombre" id="nombre" />
</body>
</html>
ajax.js
Código Javascript
:
Ver originalfunction 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;
}
function mostrarNombre(nombre){
divResultado = document.getElementById('respuesta_ajax');
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod GET
ajax.open("GET", "prueba_ajax.php?nombre="+nombre);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
}
}
//como hacemos uso del metodo GET
//colocamos null
ajax.send(null)
}
prueba_ajax.php
Código PHP:
Ver original<?php
echo "Hola ".$nombre." espero que con esto aprendas";
?>
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