Buenas tengo un problema que no puedo resolver ni patras, la cuestio es que tengo una pagina principal en la que tengo una capa en la que voy actualizando con ajax.updater pasandole la pagina que quiero. El problema viene cuando tengo un formulario cargado en este div y quiero mandar por post a un archivo php las variables y este arxivo php se tiene que cargar en la misma capa. No se si me explicado muy bien, igualmente os dejo el codigo para que lo veais:
- Esto es la pagina principal que contendra la capa sobre la que se cargara el resto de paginas:
<html xmlns =" http :// www .w3. org /1999/ xhtml " xml: lang ="es" lang ="es">
<head>
<meta http - equiv =" Content - Type " content =" text / html ;
charset =utf -8" />
<title>Untitled</title>
<script type="text/JavaScript" src="./scripts/prototype.js"></script>
<script type="text/JavaScript" src="./scripts/validacion.js"></script>
<script type="text/javascript" language="javascript">
<!--
function carga_principal (pagina){
//carga de paginas en el div principal
new Ajax.Updater("principal", pagina,{ method: 'get' });
}
//-->
</script>
<style type="text/css">
@import "estilo.css";
</style>
</head>
<body onload="carga_principal('./paginas/inicio.php')">
<div id="cabecera" class="centro">
<img src="./imagenes/web/banner.jpg" />
</div>
<div id="menu" class="centro">
<ul>
<li>
me
<ul>
<a href="javascript
:carga_principal('./paginas/instalaciones.htm')"><li>ola</li></a>
<a href="javascript
:carga_principal('./paginas/formulario.php')"><li>formulario</li></a>
<li>asta</li>
<li>luego</li>
</ul>
</li>
</ul>
<ul>
<li>
wakes
<ul>
<li>ola</li>
<li>formulario</li>
<li>hasta</li>
<li>luego</li>
</ul>
</li>
</ul>
<ul>
<li>
wakes
<ul>
<li>ola</li>
<li>formulario</li>
<li>hasta</li>
<li>luego</li>
</ul>
</li>
</ul>
<label for="buscar">Buscar: </label>
<input type="text" id="buscar" name="buscar" size="20" />
</div>
<div id="principal" class="centro">
</div>
<div id="pie" class="centro">
© 2009 All Rights Reserved - Performance Ski & Surf <br />
Powered by <a href="">Kusto.</a>
</div>
<div id="carrito"><img src="./imagenes/web/ico/cart3.ico" alt="Carrito" /></div>
<div id="cuenta"></div>
</body>
</html>
- Esto es el formulario en la capa de principal:
<h2 align="center">Formulario Cuenta</h2>
<form name="formucuenta" method="post" action="./paginas/formulario2.php">
<table align="center" class="formu">
<tr>
<td rowspan="3"><img src="./imagenes/web/form.jpg" alt="Tabla de Surf que lo flipas" /></td>
<td>
<fieldset>
<legend align="left">Datos Personales</legend>
<table>
<tr>
<td><label for="nombre">Nombre: </label></td>
<td><input type="text" name="nombre" size="10" maxlength="10" /> <br /></td>
<td><label for="apellidos">Apellidos: </label></td>
<td><input type="text" id="apellidos" name="apellidos" size="25" maxlength="25" /></td>
</tr>
<tr>
<td><label for="fexa">Fecha Nacimiento:</label></td>
<td colspan="3">
<input type="text" id="fexa" name="fexa" size="10" maxlength="10" />
<span class="formato">dd/mm/aaaa</span>
<br />
</td>
</tr>
<tr>
<td><label for="direccion">Dirección: </label></td>
<td colspan="3"><input type="text" id="direccion" name="direccion" size="51" maxlength="50" /></td>
</tr>
<tr>
<td><label for="telefono">Teléfono: </label></td>
<td><input type="text" id="telefono" name="telefono" size="10" maxlength="9" /></td>
<td><label for="Provincia">Provincia</label></td>
<td>
<select name="provincia">
<?php mostrar_datos($provincias); ?>
</select>
</td>
</tr>
<tr>
<td><label for="poblacion">Población: </label></td>
<td><input type="text" id="poblacion" name="poblacion" size="10" maxlength="10" /></td>
<td><label for="cp">C.P.: </label></td>
<td><input type="text" id="cp" name="cp" size="5" maxlength="5" /></td>
</tr>
</table>
</fieldset>
</td>
<tr>
<td>
<fieldset>
<legend align="left">Datos Cuenta</legend>
<table>
<tr>
<td><label for="correo">Correo Electrónico: </label></td>
<td><input type="text" id="correo" name="correo" size="30" maxlength="30" /></td>
</tr>
<tr>
<td><label for="usuario">Usuario: </label></td>
<td>
<input type="text" id="usuario" name="usuario" size="15" maxlength="15" />
<span class="formato">Mínimo 6 letras</span>
</td>
</tr>
<tr>
<td><label for="pass1">Contraseña: </label></td>
<td>
<input type="password" id="pass1" name="pass1" size="20" maxlength="20" />
<span class="formato">Mínimo 8 letras</span>
</td>
</tr>
<tr>
<td><label for="pass2">Confirmar Contraseña: </label></td>
<td><input type="password" id="pass2" name="pass2" size="20" maxlength="20" /></td>
</tr>
</table>
</fieldset>
</td>
<tr>
<td align="center"><input type="button" value="Enviar" onclick="javascript
:comprobacion()" /></td>
</tr>
</table>
</form>
Gracias por adelantado al que me pueda ayudar.