Foros del Web » Programando para Internet » PHP »

campos de texto dinamicos (javascript) insertar sus valores en BD

Estas en el tema de campos de texto dinamicos (javascript) insertar sus valores en BD en el foro de PHP en Foros del Web. Buenas mi problema es el siguiente: Creo dinamicamente varios campos de texto que sirven para rellenarlos con nombres, pues bien ahora quiero que los valores ...
  #1 (permalink)  
Antiguo 18/11/2004, 15:17
 
Fecha de Ingreso: noviembre-2003
Mensajes: 22
Antigüedad: 14 años, 1 mes
Puntos: 0
campos de texto dinamicos (javascript) insertar sus valores en BD

Buenas mi problema es el siguiente:

Creo dinamicamente varios campos de texto que sirven para rellenarlos con nombres, pues bien ahora quiero que los valores de esos campos de texto introducirlos en una Base de Datos. Osea que quisera recoger los valores de los campos de texto dinamicos en la siguiente pagina...

alguien sabe como??? estoy muuu desesperao!!!

EL CODIGO DE LA PAGINA DEL FORMULARIO ES:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
<SCRIPT language=JavaScript>
// Declare the form field count javascript variable so you know how many the user have added.
//The CGI.REQUEST_METHOD bit is the CF code for setting this variable back to the count where it was last up to.
var tFormFieldCount = 1;
var tFormFieldList = "";

// Function to dynamically insert the form field to the cell below. If you want textareas or other form elements, just create another function and change the html insert text below.
function MakeOne(FieldType) {
// Depending on what type of form fields the user choose then dynamically write the appropriate form element to the page
if (FieldType == 'TextInput') {
document.getElementById('DynamicContent').innerHTM L += '<b>Componente ' + tFormFieldCount + '</b>- Nombre del componente&nbsp;&nbsp;<input type="text" name="componente' + tFormFieldCount + ' value="componente' + tFormFieldCount + '"><br>';
document.getElementById('DynamicContent').innerHTM L += '<b>Instrumento ' + tFormFieldCount + '</b>- Instrumentos que toca&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="instrumento' + tFormFieldCount + ' value="instrumento' + tFormFieldCount + '"><br>';
} /*else if (FieldType == 'Textarea') {
document.getElementById('DynamicContent').innerHTM L += 'Form Element ' + tFormFieldCount + '- Textarea&nbsp;&nbsp;<textarea name="Textarea' + tFormFieldCount + '" cols=30 rows=3></textarea><br>';
}*/

// Populate the form element list.
if (tFormFieldList == "") {
tFormFieldList = FieldType;
} else {
tFormFieldList += "," + FieldType;
}

document.forms[0].FormFieldCount.value = tFormFieldCount;
document.forms[0].FormFieldList.value = tFormFieldList;
tFormFieldCount++;
}

// Just a function to check if the user have added any text input fields.
function CheckIt() {
if (tFormFieldCount == 1) {
alert('You must add at least one text input field.');
return false;
}
return true;
}

function validar(form)
{
if (tFormFieldCount == 1) {
alert('Has de poner como minimo 1 componente!!!');
return false;
}
if (form.nombre.value=="")
{
alert("Ha de poner un nombre válido.");
form.nombre.focus();
return (false);
}

if (form.estilo.value=="1")
{
alert("Has de poner un estilo que se acerque al vuestro.");
form.estilo.focus();
return (false);
}

if (form.procedencia.value=="")
{
alert("El campo procendencia se encuentra vacío.");
form.procedencia.focus();
return (false);
}

if (form.texto.value=="")
{
alert("No teneis biografia?, has de poner algo en el campo.");
form.texto.focus();
return (false);
}

if (form.contacto.value=="")
{
alert("Inserta algun email de contacto o telefono.");
form.contacto.focus();
return (false);
}
return (true);
}
</script>
</head>

<body bgcolor="#FFFFCC" link="#990000" vlink="#990033" alink="#996633">
<div align="center"><img src="../img/callesonora.jpg" width="500" height="81">
</div>
<p align="center">&nbsp;</p>
<p><strong>Insertar grupo musical en la base de datos de www.callesonora.com:</strong></p>
<form name="form" method="post" action="insertgrupo.php" onSubmit="return validar(this)">
<table width="80%" border="0">
<tr>
<td>Nombre:</td>
<td colspan="2"><input name="nombre" type="text" id="nombre" size="50"></td>
</tr>
<tr>
<td>Estilo:</td>
<td colspan="2"><select name="estilo" id="estilo">
<option value="1">-ELIGE UNA OPCI&Oacute;N-</option>
<option value="Rock">Rock</option>
<option value="Mestizaje">Mestizaje</option>
<option value="Punk-rock">Punk-rock</option>
<option value="Punk">Punk</option>
<option value="Hip hop">Hip hop</option>
<option value="Ragga">Ragga</option>
<option value="Reggae">Reggae</option>
<option value="Heavy">Heavy</option>
<option value="Metal">Metal</option>
<option value="New Metal">New Metal</option>
<option value="Folk">Folk</option>
<option value="Cantautor">Cantautor</option>
<option value="Flamenco">Flamenco</option>
<option value="Ska">Ska</option>
<option value="Hardcore">Hardcore</option>
<option value="Rumba">Rumba</option>
</select></td>
</tr>
<tr>
<td>MP3:</td>
<td colspan="2"><input name="mp3" type="checkbox" id="mp3" value="si">
(marcar si teneis mp3 en la web)</td>
</tr>
<tr>
<td>Web:</td>
<td colspan="2"><input name="web" type="text" id="web" size="50"></td>
</tr>
<tr>
<td width="10%">Procedencia:</td>
<td colspan="2"><input name="procedencia" type="text" id="procedencia" size="50">
</td>
</tr>
<tr>
<td>Biografia:</td>
<td colspan="2"><textarea name="texto" cols="90" rows="15" id="texto"></textarea></td>
</tr>
<tr>
<td>Contacto:</td>
<td colspan="2"><input name="contacto" type="text" id="contacto" size="50">
(email de contacto)</td>
</tr>
<tr>
<td>Comentario:</td>
<td colspan="2"><textarea name="comentario" cols="90" id="comentario"></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td colspan="2">
<table cellspacing=0 cellpadding=4 border=0>
<tr>
<td id="DynamicContent" valign="top">
<!-- Cold fusion code again to test to see if the request method of this page is POST or GET. -->
<!-- If is POST then you know is from the result page and there's data to be output. -->

</td>
</tr>
<tr>
<td align="right" colspan=2> <input name="button" type="button" onClick="MakeOne('TextInput');" value="A&ntilde;adir componente">
<!-- Hidden form field to pass the count of the text inputs to the result page. -->
<input type="hidden" name="FormFieldList">
<input type="hidden" name="FormFieldCount">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td width="16%"><input name="enviar" type="submit" id="enviar" value="Enviar"></td>
<td width="74%"><input type="reset" name="Submit2" value="Borrar"></td>



GRACIAS POR TODO!!!

Última edición por Dani_PHP; 18/11/2004 a las 15:20
  #2 (permalink)  
Antiguo 18/11/2004, 18:33
O_O
 
Fecha de Ingreso: enero-2002
Ubicación: Santiago - Chile
Mensajes: 34.417
Antigüedad: 15 años, 11 meses
Puntos: 126
El código que presentas .. de forma dinámica va creando tus input (HTML) tipo:

name="componente1"
name="instrumento1"

name="componente2"
name="instrumento2"

Si es así .. en PHP tendrás bajo $_POST o $_GET (dependiendo del método que uses en tu formulario para el envio) .. esas variables de mismo nombre ...

No me he fijado bien si esa rutina DHTML ya genera otra variable con el total de grupos de "instrumento/componente .. etc" generas dinámicamente .. en tal caso en tu variable de javascript: tFormFieldCount tienes ese valor como para que lo uses en un campo hidden extra y pasarlo también al script PHP. Esto te facilitará la implementación de un contador para recorrer los N grupos que se generen tipo

Código PHP:
for ($x=0$x<=$_POST['contador']; $x++){
  echo 
"Componente: ".$x." => ".$_POST['componente'.$x]."<br>";
  echo 
"Instrumento: ".$x." => ".$_POST['instrumento'.$x]."<br>";

donde .. 'contador' sería ese valor de ese total de elementos que se han generado dinámicamente (esa varaible en un input tipo "hidden" con el valor de esa variable de javascript).

El resto de varaibles de tu formulario (elementos) pasarán al script PHP de igual forma que de costumbre.

De todas formas .. si estàs en la duda o bien yo me he equivocado con la sintax correcta que se està generando para el nombre de esas variables dinámicas del formulario DHTML .. puedes usar:

Código PHP:
echo "<pre>";
print_r($_POST);
echo 
"</pre>"
Para ver exactamente toda variable y valor de esta que está llegando desde tu formulario (en ese ejemplo .. viendo el array superglobal: $_POST que corresponde a un "method" de tu formuario "POST" .. pero podría también ser $_GET o incluso $_REQUEST u otro array superglobal o variable de cualquier tipo en general)

Un saludo,
  #3 (permalink)  
Antiguo 19/11/2004, 02:16
 
Fecha de Ingreso: noviembre-2003
Mensajes: 22
Antigüedad: 14 años, 1 mes
Puntos: 0
Este Código PHP no lo conocia!!!
echo "<pre>";
print_r($_POST);
echo "</pre>";

joder cuantas horas perdidas mirando lo k pasa y lo k no... esto es genial!!! jejeje, muchas gracias con esto he visto los nombres k les pasa, me ha ido genial!!!

me acabais de ayudar un monton!!!

Última edición por Dani_PHP; 19/11/2004 a las 02:42
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:06.