Hola a todos, mi inconveniente es el siguiente, lo que pasa es que yo agrego campos dinamicos con codigo en javascript , haciendo que el usuario solamente con un boton me agrege campos automaticamentea el formulario.
que es lo que pasa, el me los agregar bien bonito y todo, pero al momento de darles guardar, no me estan guardando en la bd mysql.
sera que me podrian colaborar con ese pequeño inconveniente porfa, miren que es de suma urgencia.
pues estoy trabando con este codigo, aqui se los dejo para que me ayuden.
de antemano muhcas gracias por su colaboracion.
:)
**
<html>
<head>
<title>Agregar campos</title>
</head>
Amigos yo tambien tengo ese problema porque creo una tabla y en cada celda creo campos de texto con INNERHTML y ahora que voy a enviar el formulario a mi archivo PHP, me dice que no encuentra los campos con el Id que cree dinamicamente.... estoy requetebarada.... y no he podido resolver el problema, agradezco a las personas que me puedan colaborar....
Alfin pude resolver este dilema, aca te dejo un ejemplo: con esta instrucción (document.getElementById('TablaMed').rows[i].cells[j].childNodes[0].value) obtengo el valor de la caja de texto dinamica que se encuentra dentro de la tabla dinamica. hay que utilizarla con un bucle que me valla recorriendo la tabla y despues ir armando una cadena de texto con esta instruccion (textos = textos + document.getElementById('TablaMed').rows[i].cells[j].childNodes[0].value + '-';), ya teniendo la cadena es mas facil meterla a nuestra base de datos fraccionandola por filas: bueno esto explicandolo así es bastante enrredao, mejor te mando el código y lo prueban amigos
archivo Untitled-5.php donde voy creando mi tabla dinamica
ahora un archivo Untitled-6.php que me recibe la cadena y me la envia a mi base de datos
<!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=utf-8" />
<title>Documento sin título</title>
</head>
<?php
$cadena = $_GET['OcultoDatoTabla'];
$partes = explode("/",$cadena); // divide una cadena segun separador
array_pop($partes); // elimina el ultimo elemento del array
for($i=0;$i<=(count($partes)-1);$i++){
$subpartes = explode("-",($partes[$i]));
/* CONEXION PARA LA TABLA DE MEDICAMENTOS */
$conexion4 = mysql_connect("localhost", "root", "");
mysql_select_db("veterinaria", $conexion4);
$consulta4= "insert into veterinaria.medicamentos values ('NULL', '$subpartes[0]', '$subpartes[1]', '$subpartes[2]','$subpartes[3]','1')";
mysql_query($consulta4, $conexion4);
}
<body>
</body>
</html>
amigos la tabla de mi base de datos que usé tiene los mismos campos que la tabla que creo dinamicamente, solo que el ultimo campo de esta tabla es una llave foranea que lleva el id de otra tabla por eso le coloque (1) para rellenar ahí a manera de ejemplo y el primer campo que es autonumerico por eso tene NULL
Bueno el Untitled-6.php es porque yo trabajo el codigo que me enlaza con la base de datos aparte,
el Untitled-6.php recibe los valores de la variables del formulario que se encuentran en Untitled-5.php, hace la conexion con la base de datos y envía la información a MySql,
Es mas cuando presiono el boton enviar del formulario el Untitled-5.php, me envia todas las variables del formulario a Untitled-6.php usando el metodo GET
Muy buen aporte amigo justo era lo que estaba buscando, pero ahora tengo otra pregunta, que pasa si quiero eliminar una fila que no sea la ultima, porque ejemplo si tengo 5 filas y quiero eliminar la 2...
function quitarCampoAsistentes(iddiv){
var eliminar = document.getElementById("divcampo_" + iddiv);
var contenedor= document.getElementById("contenedorcampos");
contenedor.removeChild(eliminar);
}
el Untitled-6.php recibe los valores de la variables del formulario que se encuentran en Untitled-5.php, hace la conexion con la base de datos y envía la información a MySql,
Es mas cuando presiono el boton enviar del formulario el Untitled-5.php, me envia todas las variables del formulario a Untitled-6.php usando el metodo GET
<form id="form1" name="form1" method="get" action="Untitled-6.php">
yo manejo dos archivos .php
Espero que te haya servido, cualquier inquietud me avisas. bye
<a href='JavaScript:agregarCampoAsistentes();'> Agregar Participantes</a>
</div>
<hr />
<table id="dataTable" border=1 class="cp_oculta">
<tr>
<td></td>
</tr>
<tr></tr>
<div id="contenedorcampos"></div>
</table>
<div id="botonSubmit">
<br />
<input id="botonSubmit" type="submit" value="Guardar Minuta">
<br />
</div>
<!--funcion javascript-->
var campos = 0;
function agregarCampoAsistentes(){
campos = campos + 1;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampo_"+(campos);
NvoCampo.innerHTML=
" <tr>" +
" <td><input type='text' value='" + campos + "'></td>" +
" <td nowrap='nowrap'>" +
" <input list='browsers' name='nombre_" + campos + "' id='nombre_" + campos + "' value='Nombre y Apellido'>" +
" <datalist id='browsers'>" +
" <option value='Rodrigo Torreblanca Durán'>" +
" <option value='Ruben Toledo'>" +
" <option value='Gabriel Pinilla'>" +
" <option value='Rodrigo Covarrubias'>" +
" </datalist>" +
" </td>" +
" <td nowrap='nowrap'>" +
" <select name='asistencia_" + campos + "' id='asistencia_" + campos + "' value=''>" +
" <option>Cargo</option> " +
" <option value='QA'>QA</option>" +
" <option value='Coordinador'>Coordinador</option>" +
" <option value='Soporte Técnico'>Soporte Técnico</option>" +
" </select>" +
" </td>" +
" <td nowrap='nowrap'>" +
" <select name='asistencia_" + campos + "' id='asistencia_" + campos + "' value=''>" +
" <option>Tipo de Asistencia</option>" +
" <option value='Requerido'>Requerido</option>" +
" <option value='Opcional'>Opcional</option>" +
" </select>" +
" </td>" +
" <td nowrap='nowrap'>" +
" <a href='JavaScript:quitarCampoAsistentes(" + campos +");'> Quitar </a>" +
" </td>" +
" </tr>";
var contenedor= document.getElementById("contenedorcampos");
contenedor.appendChild(NvoCampo);
var aux = document.getElementById(capa).style;
aux.display = aux.display? "":"block";
}
function quitarCampoAsistentes(iddiv){
var eliminar = document.getElementById("divcampo_" + iddiv);
var contenedor= document.getElementById("contenedorcampos");
contenedor.removeChild(eliminar);
}