Tengo una pagina con dos div's, uno tiene un menu y el otro muestra la pagina que llamo haciendole click al respectivo link en el menu. Esto ultimo lo hago sin problemas con ajax, el problema es que tengo una pagina ("alta de producto") que luego de llenar el formulario con los datos del producto y darlo al boton "dar de alta", los datos se envian a una pagina en php donde los datos son insertados en una tabla. Ahora lo que nose es como hacer para que en el div se vuelva a cargar la pagina "alta de producto".
este es el codigo de la pagina donde tengo el menu y el div contenedor:
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<meta name="Author" content="Stu Nicholls" />
<link rel="stylesheet" type="text/css" href="pro_drop_1/pro_drop_1.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css.css" />
<script src="pro_drop_1/stuHover.js" type="text/javascript"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<div class="principal">
<div id="menu">
<span class="preload1"></span>
<span class="preload2"></span>
<ul id="nav">
<li class="top"><a href="stock.php" class="top_link" onClick="getPages('response',this); return false" ><span>HOME</span></a></li>
<li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">PRODUCTOS</span></a>
<ul class="sub">
<li><a href="altaprod.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/new.png)">Alta de Producto</a></li>
<li><a href="borrar.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/del.png)">Baja de Producto</a></li>
<li><a href="edit.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/edit.png)">Editar Producto</a></li>
</ul>
</li>
<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">BUSCAR</span></a>
<ul class="sub">
<li><a href="buscar_x_cod.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/serch.ico)">Prod. por Codigo</a></li>
<li><a href="buscar_x_desc.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/serch.ico)">Prod. por Descripcion</a></li>
<li><a href="buscar_cli_nom.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/serch.ico)">Cli. por Nombre</a></li>
<li><a href="buscar_cli_ape.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/serch.ico)">Cli. por Apellido</a></li>
</ul>
</li>
<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">CONSULTAS</span></a>
<ul class="sub">
<li><a href="stock.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/stock.ico)">Stock</a></li>
<li><a href="consul_x_fecha.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/cal.ico)">Ventas por Fecha</a></li>
<li><a href="stock_menmay.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/num.ico)">Stock por Disponibiles</a></li>
</ul>
</li>
<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">VENDER</span></a>
<ul class="sub">
<li><a href="buscar_bar_vend.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/barcode.png)">Por Cod. de Barras</a></li>
<li><a href="buscar_cod_vend.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/cod.png)">Por Codigo Int.</a></li>
<li><a href="vend.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/sel.png)">Por Seleccion</a></li>
</ul>
</li>
<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">CLIENTES</span></a>
<ul class="sub">
<li><a href="Agenda.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/agenda.png)">Agenda</a></li>
<li><a href="altacli.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/user_add.png)">Alta de Clientes</a></li>
<li><a href="borrar_cli.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/user_delete.png)">Baja de Clientes</a></li>
<li><a href="editar_cli.php" onClick="getPages('response',this); return false" id="icono" style="background-image: url(pro_drop_1/user_edit.png)">Editar de Clientes</a></li>
</ul>
</li>
<li class="top"><a href="#nogo1" class="blanco"><span></span></a></li>
</ul>
</div>
<div id="response">
</div>
</div>
</body>
</html>
esta es la pagina de dar de alta producto
Código HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css.css" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style media="all" type="text/css">@import "css.css";</style>
</head>
<body>
<div>
<form id="form1" name="form1" action="altaproduct.php" method="post">
<h2 id="labels">ALTA DE PRODUCTO</h2>
<table frame="void" border="0" id="altaprod">
<tr>
<th>Codigo de Barras</th>
<td><input maxlength="13" type="text" name="codb" id="codb" autofocus="true"></td>
</tr>
<tr>
<th>Codigo del Producto</th>
<td><input maxlength="6" type="text" name="cod" id="cod"></td>
</tr>
<tr>
<th>Descripcion del Producto</th>
<td><input type="text" name="descp" id="descp"></td>
</tr>
<tr>
<th>Precio Minorista</th>
<td><input type="text" name="premi" id="premi" style="width: 50px"></td>
</tr>
<tr>
<th>Precio Mayorista</th>
<td><input type="text" name="prema" id="prema" style="width: 50px"/></td>
</tr>
<tr>
<th>Disponibles</th>
<td><input type="text" style="width: 50px" name="disp" id="disp"></td>
</tr>
<tr>
<th>Sucursal</th>
<td><select name="suc">
<option value="Pilin_1">Pilin 1</option>
<option value="Pilin_2">Pilin 2</option>
<option value="Pilin_3">Pilin 3</option>
</select>
</td>
</tr>
</table>
<br>
<input style="margin-left: 530px;" type="submit" name="Siguiente" value="Dar de Alta">
</form>
</div>
</body>
</html> esta es donde inserto los datos:
Código PHP:
<?php
require_once 'lib.php';
$codb = $_REQUEST['codb'];
$cod = $_REQUEST['cod'];
$descp = $_REQUEST['descp'];
$premi = $_REQUEST['premi'];
$prema = $_REQUEST['prema'];
$disp = $_REQUEST['disp'];
$suc = $_REQUEST['suc'];
$conexion= mysql_connect($dbhost, $dbuser, $dbpassword);
mysql_select_db($database, $conexion);
$fecha = date("Y-m-d");
mysql_query("insert into stock (barras,codigo,descrip,pre_min,pre_may,fecha_crea,disponibles,sucursal) values ('$codb','$cod','$descp','$premi','$prema','$fecha','$disp','$suc') ");
header("Location: altaprod.php");
exit;
?>
y esta la funcion con la que lleno el dic contenedor de la primera pagina:
Código:
function getPages(divid,url)
{
if(divid !="" && url != "")
{
var ob= AjaxObject();
var unixTimeStamp= fetch_unix_timestamp();
var nocacheurl = url+ "?t=" + unixTimeStamp;
ob.onreadystatechange=function()
{
if(ob.readyState==4)
{
if(ob.status == 200)
{
if(ob.responseText != null)
{
document.getElementById(divid).innerHTML=ob.responseText;
}else
{
alert('There was an error: no data was received');
}
}else
{
alert('Ajax error:' + ob.statusText);
}
}
}
ob.open("GET",nocacheurl,true);
ob.send(null);
}else{
alert('Se te a olvidado colocar el id del DIV o el URL en el href del achor tag, en el evento de onClick ');
}
}
function fetch_unix_timestamp()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}
function AjaxObject()
{
var xmlHttp;
try{
return xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
catch (e){
try{
return xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
return xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Sorry AJAX is not supported by your browser.");
return false;
}
}
}
}
alguna idea?