 
			
				06/11/2009, 11:46
			
			
			     |  
        |     |    |    Fecha de Ingreso: diciembre-2008  Ubicación: Ahí mismo.  
						Mensajes: 216
					  Antigüedad: 16 años, 10 meses Puntos: 11     |        |  
  |      Respuesta: ajax y input text        Bueno viejo, hoy estoy como compasivo y te voy a poner un ejemplo. Pero me vas a dar buen Karma o si no te echo la maldición del garabatos (...Garabatos era un pez que no podía navegar...) XD.   
Tienes dos archivos y uno para JS que puedes llamar "miajax.js", el uno se va a llamar "yoenvio.html" y el otro "yorecibo.php"   
En el archivo "JS" puedes poner algo como ésto:   
//ARCHIVO MIAJAX.JS   
//Creamos la variable para toda la función. 
var ajaxbusca;   
//Creamos el objeto que enviará el POST 
function buscarconpost(){ 
if (window.XMLHttpRequest) 
  { 
  // code for IE7+, Firefox, Chrome, Opera, Safari 
  return new XMLHttpRequest(); 
  } 
if (window.ActiveXObject) 
  { 
  // code for IE6, IE5 
  return new ActiveXObject("Microsoft.XMLHTTP"); 
  } 
return null; 
}   
//Esta función nos envía los datos. 
function enviarbusca() {   
//Recuperamos los datos del formulario 
var valorposta = document.buscar.boton.value; 
var valorpostb = document.buscar.haga.value;   
//Recurrimos al objeto que enviará POST 
ajaxbusca=buscarconpost();   
if (ajaxbusca==null) 
  { 
  alert ("Parece que tu navegador no tiene soporte para AJAX"); 
  return; 
  }   
var url="yorecibo.php"; 
ajaxbusca.onreadystatechange=resultadover; 
//Método, Dirección y variable. 
ajaxbusca.open("POST",url,true); 
//Se envían las cabeceras. 
ajaxbusca.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
//Finalmente se envían las variables. 
ajaxbusca.send("haga="+valorpostb+"&boton="+valorp  osta);   
//Limpiamos la variable del comentario. 
document.buscar.haga.value = ""; 
}   
function resultadover() 
{ 
if (ajaxbusca.readyState==4) 
{ 
document.getElementById("resultado").innerHTML=aja  xbusca.responseText; 
} 
}   
Luego en YOENVIO.HTML   
... HTML   
<script type="text/javascript" src="miajax.js"></script>   
... HTML   
<br /><br /> 
<small>Formulario para buscar el código que querés</small><br /><br /> 
<form name="buscar" method="post" action="javascript:enviarbusca();"> 
<input  type="text" name="haga"> 
<input  name="boton" value="buscar"> 
<input class="buscab" type="submit" name="envia" value="Buscar"> 
</form> 
<br /> 
</td> 
</tr>   
</table>   
<br /> 
<div id="resultado"></div> 
<br />   
...HTML     
<?php 
//Rescato variables de búsqueda si las hay 
$boton = $_POST["boton"]; 
$haga = $_POST["haga"]; 
$devuelto = null;   
...AQUÍ LA CONSULTA A LA BASE DE DATOS...   
...AQUÍ MUESTRO LOS RESULTADOS QUE PUEDE SER UN FORMULARIO CON LOS 
CAMPOS AUTOLLENADOS. EJ: echo "<input type=text value=$row[7]>"...      SI CONOCES DE JS EL RESTO ES HISTORIA PARA VOS!!! OJO CON EL CÓDIGO PUES PUEDE TENER DEFECTOS PERO ESA ES LA IDEA PRINCIPAL.   
Ya en serio, espero te sirva.         
					
						Última edición por jenusys; 06/11/2009 a las 11:55           |