2 replies to this topic

[angel1201]

hola  poliburro oye disculpa sigo haciendo lo de los formularios dinámicos  y me encontré con un problema... a la hora de asignar a cada contenedor de formulario un id para después trabajar en el ... si lo quiero eliminar no me lo hace ... es decir como te había comentado creé formularios dentro de formularios  .....dentro de formularios,,,,, en las tres primeros niveles de  formularios  no hay ningún problema.. pero cuando quiero borrar un cuarto formulario obvio que está dentro de un tercero. dentro de un segundo dentro de un primer formulario.. no lo hace ... no se si tenga que ver con los parámetros que paso a cada función.  En la funcion "quitarCampoSubsubtema" y la de "quitarSubrecurKey" no elemina esos formularios y ya de ahí no puedo seguir hacia sus demás subniveles  en las demás funciones anteriores de "quitar......." si lo hace pero no se por que en estas no .... por favor ayúdame te lo agradecería mucho ... este es mi .js
[js]

var Nombre = 0;

function agregarTema(){

var Numero = 0;
var Duracion = 0;
var Link_todo = 0;
var aux = 0;
Nombre = Nombre + 1;
Duracion = Duracion +1;
Numero = Numero + 1;
Link_todo = Link_todo + 1;
aux= Nombre;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampo_"+(Nombre);
NvoCampo.innerHTML=
"<h5> Campos a llenar del Tema </h5>"+
"<div class='input-prepend' >"+
" <span class='add-on'> Numero:</span>"+
"        <input class=''type='text' size='5'  placeholder='Aqui va el Numero del  Tema' name='" + Nombre + "tema_num' id='" + Nombre + "tema_num' >" +
" <br />"+
" <br />"+
" <span class='add-on'>Nombre : </span>"+
"        <input type='text' size='10'  placeholder='Aqui va el Nombre' name='" + Nombre + "tema_nom' id='" + Nombre + "tema_nom'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Duracion:</span>"+
"        <input type='text' size='5'  placeholder='Aqui va la Duracion en Semanas ' name='" + Nombre + "tema_dur' id='" + Nombre + "tema_dur'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Link a todo:</span>"+
"        <input  type='file' size='5'  placeholder='Link a todo el contenido' name='" + Nombre + "tema_link' id='" + Nombre + "tema_link'>" +
"<li class='divider'></li>"+
"</div>"+
" <blockquote>"+
" <h5>Subtemas</h5>"+
    "  <a href='JavaScript:agregarSubtema("+aux+");'> Agregar Subtema </a>"+
" </blockquote>"+
"  <div id='continterno_" + aux + "'></div>"+
"  <a href='JavaScript:quitarCampo(" + Nombre + ");'> Quitar Tema </a>"+
" <br />"+
" <br />"+
" </blockquote>";

var contenedor= document.getElementById("contenedorcampos");
    contenedor.appendChild(NvoCampo);
  }


function quitarCampo(iddiv){
var eliminar = document.getElementById("divcampo_" + iddiv);
  var contenedor= document.getElementById("contenedorcampos");
  contenedor.removeChild(eliminar);
}


var subnum = 0;



function agregarSubtema(aux){
var subnom = 0;
var subres = 0;
subnum = subnum +1;
subnom = subnom + 1;
subres = subres + 1;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampoaSubtema_"+(subnum);
NvoCampo.innerHTML=
"<blockquote>"+
"<h5> Campos del Subtema: </h5>"+
"<div class='input-prepend' >"+
" <span class='add-on'> Num. del Subtema:</span>"+
"  <input type='text' size='5'  placeholder='Aquí va el Numero ' name='" +aux+ "tem_sub" + subnum + "num' id='" +aux+ "tem_sub" + subnum + "num'>" +
" <br />"+
" <br />"+
" <span class='add-on'>Nombre:</span>"+
"        <input type='text' size='10'  placeholder='Aqui va el Nombre' name='" +aux+ "tem_sub" + subnum + "nom' id='" +aux+ "tem_sub" + subnum + "nom'>" +
" <br />"+
" <br />"+
" <span class='add-on'>Resumen:</span>"+
" <p></p>"+
" <textarea placeholder='Aqui va el Resumen' name='" +aux+ "tem_sub" + subnum + "res' id='" +aux+ "tem_sub" + subnum + "res' rows='10' cols='30'></textarea>"+
" <br />"+
" <br />"+
"<li class='divider'></li>"+
"</div>"+
" <blockquote>"+
    "  <a href='JavaScript:agregarSub_Subtema(" + aux +"," + subnum + ");'> Agregar Subsubtema </a>"+
    "  <div id='continternosubsub_" + subnum + "'></div>"+
" </blockquote>"+
" <br />"+
" <blockquote>"+
    "  <a href='JavaScript:agregarSubrecur(" + aux +"," + subnum + ");'> Agregar Recurso Educativo </a>"+
    "  <div id='continternosubrecur_" + subnum + "'></div>"+
" </blockquote>"+
" <br />"+
"        <a href='JavaScript:quitarCampoSubtema(" + aux +"," + subnum + ");'> Quitar Subtema</a>"
" <br />"+
" <br />"+
" </blockquote>";
var contenedor= document.getElementById("continterno_" + aux);
    contenedor.appendChild(NvoCampo);
}

function quitarCampoSubtema(aux,subnum){
var eliminar = document.getElementById("divcampoaSubtema_"+subnum);
  var contenedor= document.getElementById("continterno_" +aux);
  contenedor.removeChild(eliminar);
}


var subred_tip = 0


function agregarSubrecur(auxprin, subnum){

var subred_resu = 0;
var subred_url = 0;
var subred_nombre = 0;
var subred_apell = 0;
var subred_genero = 0;
var subred_email = 0;
var subred_inst = 0;
var aux_subrec = 0;
subred_tip = subred_tip + 1;
subred_resu = subred_resu + 1;
subred_url = subred_url + 1;
subred_nombre = subred_nombre + 1;
subred_apell = subred_apell + 1;
subred_genero = subred_genero + 1;
subred_email = subred_email + 1;
subred_inst = subred_inst + 1;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampoSubrecur_"+(subred_tip);
NvoCampo.innerHTML=
"<blockquote>"+
"<h5> Campos del Recurso Educativo: </h5>"+
"<div class='input-prepend' >"+
" <span class='add-on'> Tipo de Recurso:</span>"+
"  <input type='text' size='5'  placeholder='Ejemplo / Practica / Ejercicio / Lectura ' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"tip' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"tip'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Resumen:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va el Resumen' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"res' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"res'>" +
" <br />"+
" <br />"+
" <span class='add-on'> U R L:</span>"+
"  <input type='file' size='5'  placeholder='Aqui va la URL' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"url' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"url'>" +
" <br />"+
" <br />"+
" <blockquote>"+
" <h5>Autor de Recurso Educativo</h5>"+
" <span class='add-on'> Nombre:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va la el Nombre' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"nom' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"nom'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Apellido:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va el Apellido' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"ape' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"ape'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Genero:</span>"+
"  <input type='text' size='5'  placeholder='Ejemplo profesor / alumno' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"gen' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"gen'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Email:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va el Email' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"email' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"email'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Institución:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va al Institucion' name='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"inst' id='" +auxprin+ "tem_sub" + subnum + "rectip"+subred_tip+"inst'>" +
" </blockquote>"+
"<li class='divider'></li>"+
"</div>"+
" <br />"+
"  <a href='JavaScript:agregarSubrecurKey(" + auxprin + "," + subnum + "," + subred_tip + ");'> Agregar Keyboards del Recurso Educativo</a>"+
    "  <div id='continternosubrecurkeyb_"+subred_tip+"'></div>"+
" <br />"+
"  <a href='JavaScript:quitarSubrecur(" + subnum + "," + subred_tip + ");'> Quitar Recurso Educativo</a>"
" <br />"+
" <br />"+
"</blockquote>";
var contenedor= document.getElementById("continternosubrecur_" + subnum);
    contenedor.appendChild(NvoCampo);
}


function quitarSubrecur(subnum,subred_tip){
var eliminar = document.getElementById("divcampoSubrecur_"+subred_tip);
  var contenedor= document.getElementById("continternosubrecur_" +subnum);
  contenedor.removeChild(eliminar);
}


var subred_key=0;


function agregarSubrecurKey(aux,subnum,subred_tip){
subred_key = subred_key +1;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampoSubrecurkeybo_"+(subred_key);
NvoCampo.innerHTML=
"<blockquote>"+
" <br />"+
"<div class='input-prepend' >"+
" <span class='add-on'> Keyboard:</span>"+
"  <input type='text' size='5'  placeholder='Aquí va el Keyboard ' name='" +aux+ "tem_sub" + subnum + "rectip"+subred_tip+"key"+subred_key+"' id='" +Nombre+ "tem_sub" + subnum + "rectip"+subred_tip+"key"+subred_key+"'>" +
" <br />"+
"<li class='divider'></li>"+
"</div>"+
"        <a href='JavaScript:quitarSubrecurKey(" + subred_tip + "," + subred_key + ");'> Quitar Keyboard</a>"+
" <br />"+
" <br />"+
"</blockquote>";
var contenedor= document.getElementById("continternosubrecurkeyb_"+subred_tip);
    contenedor.appendChild(NvoCampo);
}

function quitarSubrecurKey(subred_tip,subred_key){
var eliminar = document.getElementById("divcampoSubrecurkeybo_"+ayu);
  var contenedor= document.getElementById("continternosubrecurkeyb_" +subred_tip);
  contenedor.removeChild(eliminar);
}



var subsubnom = 0;



function agregarSub_Subtema(auxprin, subnum){
var subsubcont = 0;
subsubnom = subsubnom + 1;
subsubcont = subsubcont + 1;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampoSubsub"+(subsubnom);
NvoCampo.innerHTML=
"<blockquote>"+
"<h5> Campos del Subsubtema: </h5>"+
"<div class='input-prepend' >"+
" <span class='add-on'> Nombre :</span>"+
"  <input type='text' size='5'  placeholder='Aquí va el Nombre ' name='" +auxprin+ "tem_sub" + subnum + "sub"+subsubnom+"nom' id='" +auxprin+ "tem_sub" + subnum + "sub"+subsubnom+"nom'>" +
" <br />"+
" <br />"+
"<span class='add-on'>Contenido:</span>"+
" <p></p>"+
" <textarea placeholder='Aqui va el Contenido' name='" +auxprin+ "tem_sub" + subnum + "sub"+subsubcont+"cont' id='" +auxprin+ "tem_sub" + subnum + "sub"+subsubcont+"cont' rows='10' cols='30'></textarea>"+
"<li class='divider'></li>"+
"</div>"+
" <blockquote>"+
    "  <a href='JavaScript:agregarSubsubtemarecur("+auxprin+","+subnum+","+subsubnom+");'> Agregar Recurso Educativo al Subsubtema </a>"+
    "  <div id='continternosubsubtemarecur_" + subsubnom + "'></div>"+
" </blockquote>"+
" <blockquote>"+
" <br />"+
"        <a href='JavaScript:quitarCampoSubsubtema(" + subnum + "," + subsubnom + ");'> Quitar Subsubtema</a>"
" <br />"+
" <br />"+
" </blockquote>";
var contenedor= document.getElementById("continternosubsub_" + subnum);
    contenedor.appendChild(NvoCampo);
}

function quitarCampoSubsubtema(subnum,subsubnom){
var eliminar = document.getElementById("divcampoSubsub"+subsubnom);
  var contenedor= document.getElementById("continternosubsub_" +subnum);
  contenedor.removeChild(eliminar);
}


var subsubtemared_tip = 0


function agregarSubsubtemarecur(auxprin,subnume,subsubnom){

var subsubmetared_resu = 0;
var subsubtemared_url = 0;
var subsubtemared_nombre = 0;
var subsubtemared_apell = 0;
var subsubtemared_genero = 0;
var subsubtemared_email = 0;
var subsubtemared_inst = 0;

subsubtemared_tip = subsubtemared_tip + 1;
subsubmetared_resu = subsubmetared_resu + 1;
subsubtemared_url = subsubtemared_url + 1;
subsubtemared_nombre = subsubtemared_nombre + 1;
subsubtemared_apell = subsubtemared_apell + 1;
subsubtemared_genero = subsubtemared_genero + 1;
subsubtemared_email = subsubtemared_email + 1;
subsubtemared_inst = subsubtemared_inst + 1;

var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampoSubsubtemarecur_"+(subsubmetared_resu);
NvoCampo.innerHTML=
"<blockquote>"+
"<h5> Campos del Recurso Educativo: </h5>"+
"<div class='input-prepend' >"+
" <span class='add-on'> Tipo de Recurso:</span>"+
"  <input type='text' size='5'  placeholder='Ejemplo / Practica / Ejercicio / Lectura ' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"tip' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"tip'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Resumen:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va el Resumen' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"res' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"res'>" +
" <br />"+
" <br />"+
" <span class='add-on'> U R L:</span>"+
"  <input type='file' size='5'  placeholder='Aqui va la URL' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"url' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"url'>" +
" <br />"+
" <br />"+
" <blockquote>"+
" <h5>Autor de Recurso Educativo</h5>"+
" <span class='add-on'> Nombre:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va la el Nombre' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"nom' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"nom'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Apellido:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va el Apellido' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"ape' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"ape'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Genero:</span>"+
"  <input type='text' size='5'  placeholder='Ejemplo profesor / alumno' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"gen' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"gen'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Email:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va el Email' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"email' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"email'>" +
" <br />"+
" <br />"+
" <span class='add-on'> Institución:</span>"+
"  <input type='text' size='5'  placeholder='Aqui va al Institucion' name='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"inst' id='" +auxprin+ "tem_sub" + subnume + "sub"+subsubnom+"rec"+subsubtemared_tip+"inst'>" +
" </blockquote>"+
"<li class='divider'></li>"+
"</div>"+
" <br />"+
"  <a href='JavaScript:agregarSubsubtemarecurKey(subsubtemared_tip);'> Agregar Keyboards del Recurso Educativo</a>"+
    "  <div id='continternoSubtemasubrecurkeyb_" + subsubtemared_tip + "'></div>"+
" <br />"+
"        <a href='JavaScript:quitarSubtemasubrecur("+subsubnom+"," + subsubtemared_tip + ");'> Quitar Recurso Educativo</a>"
" <br />"+
" <br />"+
"</blockquote>";
var contenedor= document.getElementById("continternosubsubtemarecur_" + subsubnom);
    contenedor.appendChild(NvoCampo);
}


function quitarSubtemasubrecur(subsubnom,subsubtemared_tip){
var eliminar = document.getElementById("divcampoSubsubtemarecur_"+subsubtemared_tip);
  var contenedor= document.getElementById("continternosubsubtemarecur_" +subsubnom);
  contenedor.removeChild(eliminar);
}


var subsubtemared_key=0;


function agregarSubsubtemarecurKey(subsubtemared_tip){
subsubtemared_key = subsubtemared_key +1;
var NvoCampo= document.createElement("div");
NvoCampo.id= "divcampoSubsubtemarecurkeybo_"+(subsubtemared_key);
NvoCampo.innerHTML=
"<blockquote>"+
" <br />"+
"<div class='input-prepend' >"+
" <span class='add-on'> Keyboard:</span>"+
"  <input type='text' size='5'  placeholder='Aquí va el Keyboard ' name='" +Nombre+ "tem_sub" + subnum + "sub"+subsubnom+"rec"+subsubtemared_tip+"key"+subsubtemared_key+"' id='" +Nombre+ "tem_sub" + subnum + "sub"+subsubnom+"rec"+subsubtemared_tip+"key"+subsubtemared_key+"'>" +
" <br />"+
"<li class='divider'></li>"+
"</div>"+
"        <a href='JavaScript:quitarSubrecurKey(" + subsubtemared_key + ");'> Quitar Keyboard</a>"
" <br />"+
" <br />"+
"</blockquote>";
var contenedor= document.getElementById("continternoSubtemasubrecurkeyb_" + subsubtemared_tip);
    contenedor.appendChild(NvoCampo);
}


function quitarSubrecurKey(iddiv){
var eliminar = document.getElementById("divcampoSubsubtemarecurkeybo_"+iddiv);
  var contenedor= document.getElementById("continternoSubtemasubrecurkeyb_" +subsubtemared_tip);
  contenedor.removeChild(eliminar);
}

[/js]

[poliburro]

¿Has verificado los ids de cada contenedor? Debes recordad que cada bloque debe tener un identificador distinto.

[angel1201]

muchas gracias por tu ayuda revisé lo que me dijiste y si vi que había un error gramatical .. bueno repetí dos nombres de funciones y era por eso ... oye mira estuve checando en otros foros sobre un problema que me topé ya a la hora de mandar los datos espero y puedes seguir ayudándome y explicándome mira este es es link del otro foro  http://www.delphiacc...lario-dinamico/ haber si me puedes seguir ayudando gracias por todo