asignar onchange desde javascript

[juanito1712]

estoy creando unos campos dinamicamente con javascript
y al crearlos puedo hacer esto

nCampo = document.createElement('input');
nCampo.name = 'archivos[]';
nCampo.type = 'file';

pero quiero añadir esto y no puedo

nCampo.onChange="javascript:anyadirCampo()";

lo estoy haciendo mal, no se puede hacer...?

[IsaBelM]

el problema es que a un input file no se le puede asignar ningún evento

[juanito1712]

creo el campo a mano se le asigna y funciona...

[IsaBelM]

y si no le asignas el evento también funciona

<input type="file" name="f" />

cual es el objeto de asignarle esa función??

[juanito1712]

porque es un campo para subir archivos y cada vez que añadas un archivo se añadirá un campo automáticamente con javascript el primer campo funciona, que es el que creo a mano, y al elegir un archivo se crea el segundo, pero al elegir el segundo archivo no hace nada y en el html no aparece el evento onchange

[IsaBelM]

bien, puedes clonar el campo con cloneNode() o puedes modificar el dom.

var file = document.createElement('input');
file.setAttribute('type','file');
document.getElementById('contenedor').appendChild( file);

var f = document.getElementById('campo a clonar');
var file = f.cloneNode(true);
document.getElementById('contenedor').appendChild( file)

en cualquiera de los dos caso, si lo haces bien, funcionará

[juanito1712]

gracias por la respuesta, aunque le he encontrado al final por mi cuenta

al final lo que he usado es esto

nCampo.setAttribute("onChange","javascript:editado ();");

creo que tu primera respuesta va por el mismo sitio

[IsaBelM]

me alegra que lo hayas logrado. solo para futuras lecturas. qué código se ejecuta al invocar la función??
probablemente soy yo, que estoy cansada o me he perdido en el tema, pero no llego a entenderlo

var file = document.createElement('input');
file.setAttribute('type','file');
file.onchange = function(){fnc();}
document.getElementById('contenedor').appendChild( file);

function fnc() {
alert('funciona') // funciona, para que??
}

pero si a ti te vale, por mí está bien

[juanito1712]

a ver si me explico mira paso el ejemplo completo

la explicación es que tengo un campo file en el cual al añadir un archivo se crea otro campo file debajo

ahora ya se preocupa en comprobar si el campo está vacio o ya tenia algo para que no añada otro campo
lo del iframe es para cosas mías que aun están a medias no afecta en nada


este es el div donde está el primer input

<div id="adjuntos">

<div class="archivo" id="file0">
<form name="formu" enctype="multipart/form-data" id="formu0" action="cargador.php" method="post" target="iframeUpload0">
<input type="file" name="archivos[]" onChange="editado(0);"/><br />
<iframe name="iframeUpload0"></iframe>
</form>
</div>
</div>

y este el javascrip
var numero = 0;
var controlador=new Array();
controlador[0]=0;
function editado(variable){
if(controlador[variable]==0){
controlador[variable]=1;
addCampo();
alert("entra");
}else{
alert("no entra");
}
}
function addCampo() {
nDiv = document.createElement('div');
nDiv.className = 'archivo';
nDiv.id = 'file' + (++numero);
//creamos el input para el formulario:
nCampo = document.createElement('input');
nCampo.name = 'archivos[]';
nCampo.type = 'file';
nCampo.setAttribute("onChange","javascript:editado ("+numero+");");

nIframe = document.createElement('iframe');
nIframe.name = 'iframeUpload[]';

a = document.createElement('a');
a.name = nDiv.id;
a.href = '#';
a.onclick = elimCamp;
a.innerHTML = 'Eliminar';
nDiv.appendChild(nCampo);
nDiv.appendChild(a);
nDiv.appendChild(nIframe);
container = document.getElementById('adjuntos');
container.appendChild(nDiv);
controlador[numero]=0;

}

[IsaBelM]

ahora he entendido. échale un vistazo a este tema, te puede resultar interesante

[juanito1712]

thx, voy a echarle un vistazo