Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/11/2009, 11:46
Avatar de jenusys
jenusys
 
Fecha de Ingreso: diciembre-2008
Ubicación: Ahí mismo.
Mensajes: 216
Antigüedad: 15 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