Me ayudan con createElement y setAttribute appendChild

[iovan]

Hola amigos.

Alguno de ustedes me puede ayudar a crear una Tabla Con JS donde pueda insertar un campo tipo file en una de sus celdas.

Este campo tipo file tambien lo estoy creando (en la misma funcion) con este código.

Código Javascript:

control.setAttribute("type", "file");
            control.setAttribute("name","imageFile");
            control.setAttribute("id","imageFile");
            control.setAttribute("onchange","validarFile();");
 
 
document.getElementById('imageMod').appendChild(control);
 

El problema es que no he podido meterlo dentro de un td creado con JS.

Gracias y saludos.

NOTA: Espero alguien me pueda ayudar porque ultimamente solo entran a dar su opinion y no colaboran.

[maycolalvarez]

el campo tipo file es la única excepción de la regla, ningún navegador te permitirá crear input file de forma dinámica, por motivos de seguridad, si notas en facebook por ejemplo, cuando el usuario opta por cargar fotos por la vía estándar, el carga 5 input file de una vez.

la única manera es recargar la página (o un iframe) y con un lenguaje del lado del servidor como php devolver el html con los input file correspondientes, lo siento con javascript no lo podrás hacer

[iovan]

Muchisimas gracias amigo.

Yo pensaba que si se podía pero bueno ni modo tendré que hacer uso de otra idea que me surgió.

Me podrías ayudar un poquito a entender esto.

1.- Creo una tabla con un tr y un solo td (para el ejemplo).

¿Como puedo hacer para meter una variable que contiene un texto dentro de ese td.

Quiero crear una tabla con un texto escrito en su celda.

Verás llevo mucho tiempo intentando (todo el día) distintas formas que me encuentro en la Red pero aún ningúna me ayuda a entender como funciona.

Si me pudieras describir un código lo más sencillo posible.

Muchas Gracias.
__________________________________________________ ______________


Buenas amigos mios, Edito este tema para contarles que he logrado mi cometido.

Ya comprendo como funciona esto y ya estoy trabajando en ello.

La funcion que me invente funciona de la siguiente manerá:

1.- Compruebo con AJAX y PHP que el archivo elegido en un input type file es válido y si no lo es borro el elemento input type file y creo otro.

El problema se me presento cuando me di cuenta que era necesario (por aspectos de diseño) crear toda la tabla y el contenido dentro de esta al igual que el input y claro organizar todo este nuevo código por jerarquias correctamente.

Y ya lo he logrado.

La función es la siguiente

Código Javascript:

<script language="javascript" type="text/javascript">
function validarFile(){
    
    tabla=document.createElement("table");
    tr=document.createElement('tr');
    td1=document.createElement('td');
    td2=document.createElement('td');
    div1 = document.createElement('div');
    div2 = document.createElement('div');
    campo = document.createElement('input');
    
    tabla.setAttribute("width","100%");
    
    td1.innerHTML = "Imagen de presentacion para el Mod:";
    td1.setAttribute("width","150px");
    td2.setAttribute("id","archivo");
    
    div1.setAttribute("style","position:relative");
    div2.setAttribute("style","position:absolute; top:0px; left:0px; width:148px; height:20px; background:url(http://vickyden.com/CombatArms2/style/images/00000000.gif); background-repeat:repeat;");
    
    campo.setAttribute("type","file");
    campo.setAttribute("name","imageFile");
    campo.setAttribute("id","imageFile");
    campo.setAttribute("onchange","validarFile();");
    
    tabla.appendChild(tr);
    tr.appendChild(td1);
    tr.appendChild(td2);
    td2.appendChild(div1);
    div1.appendChild(div2);
    div1.appendChild(campo);
    
/* document.getElementById('imageMod').innerHTML = "";  */ //Esta opcion borra el contenido de la etiqueta
document.getElementById('imageMod').appendChild(tabla)          
                
}
</script>
 

Si alguna persona llega a tener alguna duda sobre esto en el futuro con gusto ayudo a responderle sus dudas, solo recuerden escribirlas en este mismo tema y notificarme el link (de este post) por email: [email protected]

Yo checo mi email cada ratito así que es muy probable que venga a responder a este tema rápidamente.

Saludos.

[caricatos]

Hola:

Lo que te conté en el otro post sobre creación de controles es exactamente lo que hago en esta página: Caricaturas de grupos a color en acuarelas...

Cuando seleccionas una imagen se activa un botóncito " + ", que clona un control oculto y deshabilitado, ocultando a la vez el de la imagen primeramente seleccionada... luego en la linea siguiente puedes navegar con las fotos seleccionadas... (no hace falta que envíes el form)

Saludos

[iovan]

GRacias amigo.

Si esas funciones las saque de tus post.

GRacias =)

[Tecna]

Buenas,

entrar a pedir ayuda soltando frases como esta:

Iniciado por New

NOTA: Espero alguien me pueda ayudar porque ultimamente solo entran a dar su opinion y no colaboran.

no creo que sea muy buena idea. Nadie está obligado a "colaborar" ni quiere decir que te den un código hecho. Unos buenos consejos a veces son más valiosos y hay que agradecer a la gente el tiempo que dedican a leer nuestro problema aunque "sólo" nos brinden su opinión. Y no es que lo diga yo, aquí dejo un enlace de este mismo foro que parece que muy poca gente ha leido.

http://www.forosdelweb.com/faq.php?faq=como_preguntar