se podría crear este array? javascript + php

aniMAYtions · #1 (**permalink**) 07/04/2010, 08:05

Hola amig@s.

Me ha surgido el siguiente problema en la elaboración de mi sitio y creo tener la solución, pero no sé si puede hacerse.
Resulta que tengo un formulario de registro de usuarios y que en ese formulario debería hacer un subformulario que insertase otros datos sin recargar la página.

Quiero decir que, por ejemplo, un mismo usuario puede tener varios vehículos, pero no puedo hacer un formulario sólo para los vehículos que esté actualizando la página cada vez que meta un vehículo.

Lo que se me ha ocurrido es que, mientras voy reienando el formulario principal se iegue a un subapartado de modo que se puedan ir introduciendo los datos en un array por medio de javascript(un input con una imagen y un evento onclick). Lo malo iega a la hora de recuperar el array con php ¿Cómo podría hacerlo? me da igual el momento de devolverlo, pero en última instancia sería en el momento de enviar el formulario propiamente dicho.

Mil gracias!!

abimaelrc · #2 (**permalink**) 07/04/2010, 08:41

No sé si soy yo, pero no entendí nada de lo que quieres hacer. ¿Podrías mejor colocar algún ejemplo de código o algo así y explicarlo?

aniMAYtions · #3 (**permalink**) 07/04/2010, 09:01

Jo, que mal me explico...

A ver, imagina un formulario en php

Código PHP:

  <form action='Index.php' method='post' name='formRegistro'> 
<table> 
<tr> 
<th>Nombre de usuario:</th> 
<td><input type='text' name='nomusu' value='' /></td> 
</tr> 
<tr> 
<td colspan='2'><input type='submit' name='enviar' value='Enviar' /></td> 
</tr> 
</table> 
</form>

Ahora imagina dentro de ese formulario otro formulario para introducir vehiculos, o lo que tú quieras. Eso no se puede hacer, entonces mi idea sería la siguiente:

Código PHP:

   
<form action='Index.php' method='post' name='formRegistro'> 
<table> 
<tr> 
<th>Nombre de usuario:</th> 
<td><input type='text' name='nomusu' value='' /></td> 
</tr> 
//aquí vendría el javascript 
<tr> 
<th>Tipo de coche:</th> 
<td> 
<select name='tipocoche' value='' id='tipocoche'> 
<option name='tipocoche' value='1'>ciclomotor</option> 
<option name='tipocoche' value='2'>motocicleta</option> 
<option name='tipocoche' value='3'>turismo</option> 
<option name='tipocoche' value='4'>camioneta</option> 
</select> 
<img src='add.png' onclick='javascript:contruyeArray()' /> 
</td> 
</tr> 
<tr> 
<td colspan='2'><input type='submit' name='enviar' value='Enviar' /></td> 
</tr> 
</table> 
</form>

Bien, si te dás cuenta puedes introducir muchos coches para un solo usuario, entonces lo que quiero es, fuera del dormulario, cada vez que pulso la imagen add se vaia añadiendo un nuevo dato al array y que después, cuando pulso el submit del formulario otra función recoja todos los datos, incluido el array de los coches, para hacer la inserción a la base de datos.

Me he explicado mejor así?? Sorry

abimaelrc · #4 (**permalink**) 07/04/2010, 09:20

Ahora es mucho más claro. Lo que te recomiendo es que leas sobre DOM para que puedas añadir un elemento en el formulario. Lee sobre createElement.

aniMAYtions · #5 (**permalink**) 07/04/2010, 09:46

Pues chico, no me ha quedado nada claro.
Y creo que esto pinta bastante difícil.

Otra manera, no podría iamar a una función php pasándole los parámetros que recojo en la función javascript para hacer la inserción y así no recargar la página??

Lo digo para insertar primero lo que serían los vehículos del usuario en su correspondiente tabla y por último el resto de los datos del mismo.

abimaelrc · #6 (**permalink**) 07/04/2010, 10:18

Tu puedes usar PHP para añadir más campos, pero tendrías que enviar o sea por el método de GET o por el POST para indicarle cuantos campos quieras más. Con javascript lo puedes sin necesidad de estar recargando la página. Un ejemplo de lo que puedes hacer con PHP

Código PHP:

Ver original<html>
<body>
<form>
<input type="text" name="Campo[]" /><br />
<?php 
if(!empty($_GET['add'])){
    for($i=0; $i<$_GET['add']; $i++){ 
?>
        <input type="text" name="Campo[]" /><br />
<?php 
    } 
}
?>
<input type="button" value="Añadir" onclick="window.location.href='b.php?add=<?php echo(empty($_GET['add']) ? 1 : $_GET['add'] + 1); ?>'" />
<input type="submit" value="Submit" />
</form>
</body>
</html>

aniMAYtions · #7 (**permalink**) 07/04/2010, 10:51

Uyyy, creo que aún no me expliqué bien...

No pasa nada!! Finalmente lo he conseguido usando xajax.

Lo que quería era enviar una parte del formulario sin recargar la página, y con esto lo he conseguido.

Gracias de todas formas, la explicación la saqué de aquí