When i use the script below it doesnt work in safari. I check the activity console and it says that the link the script tried to go to was canceled. I am stumped can anyone help?

function startupload()
{
    //detecting if a file is ready to be uploaded
    if( document.getElementById('1').value == '' )
    {
        alert('You must select at least one file to upload!');
        
        return false;
    }
    else 
    { 
        var upload_form = $('upload_form');
        
        upload_form.submit();

        initprogress();
        
        return true; 
    }
}

function initprogress()
{
    //hide some things and show some things
    var obj = $('uploadtext');
    obj.style.display = 'inline';
    var obj1 = $('uploadstatus');
    obj1.style.display = 'inline';
    var obj2 = $('uploadsystem');
    obj2.style.display = 'none';
    
    updateprogressbar();
}

function updateprogressbar()
{
    var obj1 = $('uploadstatus');
    var obj2 = $('uploadpercent');
    
    var ajax = new AjaxRequest ( 'progress.php?UPLOAD_IDENTIFIER=1234567890', {method:'get', response:'json'} );
    ajax.oncomplete = function()
    {
        var response = this.response;
        obj1.innerHTML = response.result;
        obj2.innerHTML = response.percent;
    }
    ajax.request();
    
    setTimeout ( "updateprogressbar()", 400 );    
}

The output of progress.php?UPLOAD_IDENTIFIER=1234567890 is
{"result":"Uploading","percent":"Uploading 0.22%"}

Anyone, help?

Does that mean the script works in other browsers and isn't working only in Safari?

The output you're showing us, is that what you should get or what you're actually getting back?

You might try using setInterval ( expression, interval ); in your initprogress function instead of using setTimeout in your updateprogressbar function.

Originally Posted by vangogh

Does that mean the script works in other browsers and isn't working only in Safari?

The output you're showing us, is that what you should get or what you're actually getting back?

You might try using setInterval ( expression, interval ); in your initprogress function instead of using setTimeout in your updateprogressbar function.

The script does not work in Safari and Google Chrome, which are the two browsers that use WebKit. The output is what is read by the script and then processed.

Sounds like a webkit error then. Nothing is jumping out at me that would be a webkit only error. Are you using jquerry or prototype as your javascript library? Just a guess, but maybe it's something the library that isn't working for webkit.

I'm using prototype JS. Here's the really weird thing though, I go to upload a file and it uploads, the JavaScript stalls(like always) and there are no errors. But if i cancel the page(by pressing the X icon) it starts to work????

Talk about goofed up.

That is weird, but it's also a clue to what's wrong. Something is holding up the script from running until you cancel it and then it can complete.

Did you ever try using setInterval instead of setTimeout?

Yes, thank you. I did try the setInterval without any luck. I did found out something after a couple hours of toying with it.

It seems that in Safari the script only works when i put target="upload_iframe" in the form and then make an iframe with the name upload_iframe. I really dont want my content to appear in an iframe though, i want to redirect the user to the links page which is based upon the POST value so i could not simply add a redirection in the iframe to change the current page.

I'm glad you've at least found a way to make it work, even if it's not an ideal situation. Still that seems strange WebKit would need the iframe. That's doesn't really make sense. I would think the iframe isn't necessary.

Well, you can see for your self here: http://www.clicktoupload.com/

You can use the username: test with password: test

So should i be looking at a different Ajax Library or does anyone have a fix?