Force image update within a function

[fmmarzoa]

Hi,

I need to show a gif in an image element until some process is done, so my function looks like:

function foo () {
	var imgdst = document.getElementById ('myimgbox');
	myimgbox.src = '/img/loading.gif';
.
.
.
        myimgbox.src = file.name;
}

The problem is that the /img/loading.gif image is never shown, it seems like it weren't refreshed when set, but just when the function ends.

So, is there anymanner to force the refresh of the image element inmediatetly after myimgbox.src = '/img/loading.gif' ????

TIA,

[007Julien]

Two causes can disrupt the load of the image...

- The change is made at the end of the script

// Interrupt the script to load the image
function foo () {
	var imgdst = document.getElementById ('myimgbox');
	myimgbox.src = '/img/loading.gif';
	setTimeout(bar,50);
}
function bar(){
.
.
        myimgbox.src = file.name;
}

- The file change but preserve his name

// A dummy url to force not using the cache
myimgbox.src = '/img/loading.gif&'+new Date().getTime();

[fmmarzoa]

Thanks by your answer and excuse me for making you spent your time.

I have not changed nothing and now it is working as expected. May be some weird issue with firefox that has dissapear after closing and opening it again.

Regards,

[bionoid]

Are you sure things are correct, as it appears you are retrieving the img element but not useing it?

function foo () {
	var imgdst = document.getElementById ('myimgbox');
	myimgbox.src = '/img/loading.gif';
.
.
.
        myimgbox.src = file.name;
}

Shouldn't you be referencing imgdst in all those positions?