AYUDA ¿como crear elementos dinamicos?

[kovers]

Saludos queridos amigos de esta inmensa comunidad, quisiera que por favor alguien me ayudara con lo siguiente: tengo que hacer un formulario muy grande, el cual debe ser muy usable ya que esta orientado a usuarios finales que probablemente no todos tengan la misma habilidad y destreza sobre una PC, ahora bien como este formulario tendrá muchos campos, debe permitir mostrar la opción de añadir más a la estructura del mismo, anoche conseguí esto pero no me funciona http://www.quirksmode.org/dom/domform.html y es el ejemplo perfecto que necesito, si alguien puede ayudarme se los agradecería. GRACIAS

[IsaBelM]

cual es exactamente la duda?? ese código lo que hace es clonar los campos con el método cloneNode() después inserta los nodos. esto último lo puedes hacer también con innerHTML

[kovers]

saludos Isa gracias por responder, disculpa la tardanza, la duda es que quisiera hacer algo similar al link que publique, lo que sucede es que no se hacerlo, ya que cuando me traigo el codigo que aparece publicado en el enlace, la cuestion no me funciona, y pues quisiera saber como hacer un formulario al cual pueda clonar los mismos campos como ya habias mencionado, o insertar nuevos campos segun sean los requerimientos. Gracias

[IsaBelM]

no puedes copiar ese código y pretender que funcione con la estructura de tu formulario. primero has de entender y trabajar con el método cloneNode() con una estructura sencilla y después ponerte con la que tienes

[kovers]

no madre! tal vez no me he explicado bien, lo que hice fue traerme exactamente el mismo codigo que aparece en el ejemplo del link, para probarlo en mi maquina y luego modificarlo, cosa que no pude llegar a hacer ya que no funcionaba, pero bueno el hecho es lo de menos, lo importanes es aprender a trabajar con el metodo que dices, gracias por la ayuda, me pondre a estudiar sobre ese metodo que recomendaste.

[roys1985]

Código Javascript:

var posicionCampo = 1;
 
function agregaCampo(){ 
 
    posicionCampo++;
        
    document.getElementById("mod").value = posicionCampo;
    
    nuevaFila = document.getElementById("tablaFormulario").insertRow(-1);
    nuevaFila.id=posicionCampo;
    
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><input type='text' size='19' name='id_mac"+posicionCampo+"' id='id_mac"+posicionCampo+"' whidth:'90px'></td>";
    
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML= "<td><div id='id_ubiNum"+posicionCampo+"'></div></td>";
    
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><div id='id_encNum"+posicionCampo+"'></div></td>";
 
    nuevaCelda=nuevaFila.insertCell(-1);
    nuevaCelda.innerHTML="<td><a href='#' onClick='eliminarUsuario(this);'><img src='../../img/menos.jpg'> Eliminar</a></td>";
    
 
}   
    function eliminarUsuario(obj){
 
    var oTr = obj;
    
    while(oTr.nodeName.toLowerCase()!='tr'){
    
    oTr=oTr.parentNode;
    
    }
    
    var root = oTr.parentNode;
    
    root.removeChild(oTr);
    
    }
 

este codigo ocupo yo... y esta funcionando..!!

[roys1985]

Código Javascript:

<script type="text/javascript">
var nextinput = 0;
function AgregarCampos(){
    
nextinput++;
 
campo = '<tr><td class=\"tc\"><input type="text" width="200" id="id_mac' + nextinput + '"  name="id_mac' + nextinput + '"/></td></tr>';
 
 
$("#campos").append(campo);
 
 
 
}
</script>
 

Te dejo este que tambien sirve...!! solo cambia los traibutos o los campos que quieras poner