Problema jquery y mozilla

[shinrak]

Hola,

Tengo un código que son formularios con input de tipo file para subir imágenes al servidor, cuando la imagen se esta subiendo sale un gif cargando y luego se muestra la imagen en un iframe.
Todo esto funciona perfectamente en google Chrome, el problema es cuando voy a mozilla, que no me funciona bien el jquery ni el submit. Sabeis algo?
Os pongo el código:

Código HTML:

<form name="fotouno" id="fotouno" action="ajax/upload.php" target='iframe1' method="post" enctype="multipart/form-data" >
<div id='examinar'>
<input form="fotouno" name="file"  type="file" onChange="iuno(this.form);"/>
</div>
</form> 

Luego, la funcion iuno hace esto:

Código HTML:

function iuno(a) {
	if (a.file.value == '') {
  		alert('Por favor, seleccione una imagen.');
	}
	else {
	$("#iframe1").fadeIn(800);
	$("#completado").css("display", "none");
	$(a).submit();
	}

};

Pues eso no funciona, no se muestra el iframe.

[chicohot20]

A mi me funciona, probado en Firefox 7.
En IE8 no me funciona manda error.

[shinrak]

Yo lo pruebo en firefox 8... sinceramente, sigue sin irme.. he creado unos archivos de prueba para que veais la diferencia... os los paso por megaupload a ver si alguien es capaz de ayudarme...

http://www.megaupload.com/?d=Q8SR6TQ1

a ver si sois capaces de ver el error en firefox, ya digo que en ieplorer y chrome funciona.

[chicohot20]

Muy extraño, se supone que el show() cambia el display a block.
Prueba con esto:

Código Javascript:

$("#iframe1").css("display","block").show();
 

Creo que un iframe es de tipo inline, entonces sería asi:

Código Javascript:

$("#iframe1").css("display","inline").show();
 

[shinrak]

Tío, lo has conseguido!! lo que pasa que ahora lo estoy probando en el explorer y no me funciona.. (.........) xD pero es un gran alivio ver que en mozilla con tu código funciona, muchísimas gracias! si se te ocurre algo para el explorer tambien será bienvenido...

[chicohot20]

Si funciona en todos IE8, Opera 10, Firefox 7 y Chromecito

[shinrak]

Muchisimas gracias!

[shinrak]

Ahora el último problema que tengo es, que tengo que dar el valor del nombre de la foto al formulario principal. Entonces cuando he subido la foto un input tipo hidden que contiene el nombre de la foto subida, luego llamo a la funcion:


function completado() {
var nom_fot = $("#foto11").val();

$("#loading").css("display", "none");
$("#completado").show(300);

$("#foto1o").attr('value', nom_fot);
};


Lo que pasa, que para dar valor al campo foto1o está en en el otro php, entonces sería mejor con una variable de session? pero luego como recargo el otro formulario? :S

[chicohot20]

Desde el iframe(upload.php) puedes llamar a la funcion completado() que esta en formulario.php asi:

Código Javascript:

papa= parent.document;
papa.completado();
//Cambiar valores de inputs
$("#foto1o", papa).val("algo");
 

[shinrak]

Perfecto muchismias gracias, la verdad que me has ayudado muchísimo en mi proyecto, te estoy muy agradecido.

Al final ha quedado así por si lo ve alguien:

function completado() {
$("#loading").css("display", "none");
$("#completado").show(300);

var principal = parent.document;
var nombre_foto = $("#foto11").val();

$("#foto1o", principal).val(nombre_foto);

};