Buenos dias! Tengo el siguiente problema: Tengo una pagina principal index.php con un formulario de busqueda de libro, al presiona el boton de buscar cargo la pagina buscar.php en un div=content dentro del mismo index.php utilizando ajax. El problema es que no puedo leer el txtbuscar del formulario por metodo POST!
En otras palabras deseo que al presionar el botón buscar de mi formulario index.php, carge la pagina buscar.php en el div=content (COSA QUE YA HICE) pero que a la vez buscar.php pueda mostrar a traves de un echo el texto ingresado del textbox(txtbuscar) del formulario.
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=iso-8859-1" />
<script type="text/javascript" src="javadiv.js"></script>
</head>
<body>
<div id="content">
<!-- Aqui cargara buscar.php y mostrara el texto ingresado del textbox-->
</div>
<div id="BuscarLibro">
<form name = "form1" id="form1" method="post" action="javascript:CargaDiv('buscar.php','content')">
<table>
<tr>
<td width="150"><center>Libro a consultar</center></td>
</tr>
<tr>
<td><center><input name="txtbuscar" type="text" id="txtbuscar" size="16" />
</center></td>
</tr>
<td colspan="2">
<center>
<input name="btnbuscar" type="button" value="Buscar" onclick="submit()">
</center></td>
</tr>
</table>
</form>
</body>
</html>
buscar.php
Código PHP:
Ver original<?php
echo 'El libro a buscar a sido: ';
// echo $_POST["txtbuscar"]; ESTE ES EL ERROR!
?>
javadiv.js (función que permite cargar una pagina en un div)
Código Javascript
:
Ver original// Documento JavaScript
// Esta función cargará las paginas
function CargaDiv (url, id_contenedor)
{
var objeto = false;
if (window.XMLHttpRequest)
{
// Si es Mozilla, Safari etc
objeto = new XMLHttpRequest ();
} else if (window.ActiveXObject)
{
// pero si es IE
try
{
objeto = new ActiveXObject ("Msxml2.XMLHTTP");
}
catch (e)
{
// en caso que sea una versión antigua
try
{
objeto = new ActiveXObject ("Microsoft.XMLHTTP");
}
catch (e)
{
}
}
}
else
return false;
objeto.onreadystatechange = function ()
{
// función de respuesta
cargarpagina (objeto, id_contenedor);
}
objeto.open ('GET', url, true); // asignamos los métodos open y send
objeto.send (null);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (objeto, id_contenedor)
{
if (objeto.readyState == 4 && (objeto.status == 200 || window.location.href.indexOf ("http") == - 1))
document.getElementById (id_contenedor).innerHTML = objeto.responseText
else //en caso contrario, mostramos un gif simulando una precarga
document.getElementById(id_contenedor).innerHTML='<img src="loader.gif" alt="cargando" />'
}