/** * jQuery.ScrollTo - Easy element scrolling using jQuery. * Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com * Dual licensed under MIT and GPL. * Date: 2/19/2008 * @author Ariel Flesler * @version 1.3.3 * * http://flesler.blogspot.com/2007/10/jqueryscrollto.html */ ;(function($){var o=$.scrollTo=function(a,b,c){o.window().scrollTo(a,b,c)};o.defaults={axis:'y',duration:1};o.window=function(){return $($.browser.safari?'body':'html')};$.fn.scrollTo=function(l,m,n){if(typeof m=='object'){n=m;m=0}n=$.extend({},o.defaults,n);m=m||n.speed||n.duration;n.queue=n.queue&&n.axis.length>1;if(n.queue)m/=2;n.offset=j(n.offset);n.over=j(n.over);return this.each(function(){var a=this,b=$(a),t=l,c,d={},w=b.is('html,body');switch(typeof t){case'number':case'string':if(/^([+-]=)?\d+(px)?$/.test(t)){t=j(t);break}t=$(t,this);case'object':if(t.is||t.style)c=(t=$(t)).offset()}$.each(n.axis.split(''),function(i,f){var P=f=='x'?'Left':'Top',p=P.toLowerCase(),k='scroll'+P,e=a[k],D=f=='x'?'Width':'Height';if(c){d[k]=c[p]+(w?0:e-b.offset()[p]);if(n.margin){d[k]-=parseInt(t.css('margin'+P))||0;d[k]-=parseInt(t.css('border'+P+'Width'))||0}d[k]+=n.offset[p]||0;if(n.over[p])d[k]+=t[D.toLowerCase()]()*n.over[p]}else d[k]=t[p];if(/^\d+$/.test(d[k]))d[k]=d[k]<=0?0:Math.min(d[k],h(D));if(!i&&n.queue){if(e!=d[k])g(n.onAfterFirst);delete d[k]}});g(n.onAfter);function g(a){b.animate(d,m,n.easing,a&&function(){a.call(this,l)})};function h(D){var b=w?$.browser.opera?document.body:document.documentElement:a;return b['scroll'+D]-b['client'+D]}})};function j(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery); $(document).ready( function() { $('div.home p:first').addClass('first-paragraph'); if ( $('#yui-main div.yui-g p').length > 1 ) { if ( $('#yui-main div.yui-g p:first').prev('h2').length == 0 ) { if ( $('#yui-main div.yui-g h1:first').text() != 'Upload Your Resume' ) { $('#yui-main div.yui-g p:first').addClass('first-paragraph'); } } } $('#print-this-page').click(function (e) { print(); }); /** * Customize this function as you wish! * Add your validation below the email if. * * Change the behaviour of the plugin by editing this line: * $(this).blur( function() { validateField(this) } ); * To: * $(this).keyup( function() { validateField(this) } ); * * You can find it around the line number 64. */ function validateField(field) { var error = false; // required fields if ($(field).attr("class").indexOf("required") != -1) { if (!$(field).val().length) error = true; } // numeric fields if ($(field).attr("class").indexOf("numeric") != -1) { if (!/^[0-9]*$/.test($(field).val())) error = true; } // characters (letters) if ($(field).attr("class").indexOf("character") != -1) { if (!/^[a-zA-ZöÖäÄåÅ]*$/.test($(field).val())) error = true; } // emails if ($(field).attr("class").indexOf("email") != -1) { if (!/^[a-zA-Z0-9]{1}([\._a-zA-Z0-9-]+)(\.[_a-zA-Z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+){1,3}$/.test($(field).val())) error = true; } if (error) { $(field).addClass("error"); } else { $(field).removeClass("error"); } return !error; } $("form").each( function() { // handle submissions without filling any field $(this).submit(function () { var validationError = false; // for each field test it $("input, select, textarea", this).each( function() { if ($(this).attr("class")) { if (!validateField(this)) validationError = true; } }); if(validationError){ $('p.valid-error').fadeIn(); $.scrollTo('p.valid-error', 800); } return !validationError; }); // handle changes on the fly $("input, select, textarea", this).each( function() { if ($(this).attr("class")) { $(this).blur( function() { validateField(this) } ); } }); }); }); /* * Email This Page */ $(document).ready(function () { $('#email-this-page').click(function (e) { e.preventDefault(); // load the contact form using ajax $.get("/pages/email-this-page/", function(data){ // create a modal dialog with the data $(data).modal({ close: false, overlayId: 'emailPageOverlay', containerId: 'emailPageContainer', onOpen: emailPage.open, onShow: emailPage.show, onClose: emailPage.close }); }); }); }); var emailPage = { message: null, open: function (dialog) { dialog.overlay.fadeIn(200, function () { dialog.container.fadeIn(200, function () { dialog.data.fadeIn(200, function () { $('#emailThisPage #name').focus(); }); // input field font size if ($.browser.safari) { $('#emailPageContainer #name, #emailPageContainer #email, #emailPageContainer #message').css({ 'font-size': '.9em' }); } // fix png's for IE 6 if ($.browser.msie && $.browser.version < 7) { $('#emailPageContainer .send, #emailPageContainer .cancel').each(function () { if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) { var src = RegExp.$1; $(this).css({ backgroundImage: 'none', filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + src + '", sizingMethod="scale")' }); } }); } }); }); }, show: function (dialog) { function validateField(field) { var error = false; // required fields if ($(field).attr("class").indexOf("required") != -1) { if (!$(field).val().length) error = true; } // numeric fields if ($(field).attr("class").indexOf("numeric") != -1) { if (!/^[0-9]*$/.test($(field).val())) error = true; } // characters (letters) if ($(field).attr("class").indexOf("character") != -1) { if (!/^[a-zA-ZöÖäÄåÅ]*$/.test($(field).val())) error = true; } // emails if ($(field).attr("class").indexOf("email") != -1) { if (!/^[a-zA-Z0-9]{1}([\._a-zA-Z0-9-]+)(\.[_a-zA-Z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+){1,3}$/.test($(field).val())) error = true; } if (error) { $(field).addClass("error"); } else { $(field).removeClass("error"); } return !error; } $("form").each( function() { // handle submissions without filling any field $(this).submit(function () { var validationError = false; // for each field test it $("input, select, textarea", this).each( function() { if ($(this).attr("class")) { if (!validateField(this)) validationError = true; } }); if(validationError){ $('p.valid-error').fadeIn(); } return !validationError; }); // handle changes on the fly $("input, select, textarea", this).each( function() { if ($(this).attr("class")) { $(this).blur( function() { validateField(this) } ); } }); }); }, close: function (dialog) { dialog.data.fadeOut(200, function () { dialog.container.fadeOut(200, function () { dialog.overlay.fadeOut(200, function () { $.modal.close(); }); }); }); }, error: function (xhr) { alert(xhr.statusText); }, validate: function () { emailPage.message = ''; if (!$('#emailPageContainer #name').val()) { emailPage.message += 'Name is required. '; } var email = $('#emailPageContainer #email').val(); if (!email) { emailPage.message += 'Email is required. '; } else { if (!emailPage.validateEmail(email)) { emailPage.message += 'Email is invalid. '; } } if (!$('#emailPageContainer #message').val()) { emailPage.message += 'Message is required.'; } if (emailPage.message.length > 0) { return false; } else { return true; } }, validateEmail: function (email) { var at = email.lastIndexOf("@"); // Make sure the at (@) sybmol exists and // it is not the first or last character if (at < 1 || (at + 1) === email.length) return false; // Make sure there aren't multiple periods together if (/(\.{2,})/.test(email)) return false; // Break up the local and domain portions var local = email.substring(0, at); var domain = email.substring(at + 1); // Check lengths if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255) return false; // Make sure local and domain don't start with or end with a period if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain)) return false; // Check for quoted-string addresses // Since almost anything is allowed in a quoted-string address, // we're just going to let them go through if (!/^"(.+)"$/.test(local)) { // It's a dot-string address...check for valid characters if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local)) return false; } // Make sure domain contains only valid characters and at least one period if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1) return false; return true; }, showError: function () { $('#emailPageContainer .message') .html($('
').append(emailPage.message)) .fadeIn(200); } }; /** * SWFUpload v2.0 by Jacob Roberts, Nov 2007, http://www.swfupload.org, http://linebyline.blogspot.com * -------- -------- -------- -------- -------- -------- -------- -------- * SWFUpload is (c) 2006 Lars Huring and Mammon Media and is released under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * See Changelog.txt for version history * * Development Notes: * * This version of SWFUpload requires Flash Player 9.0.28 and should autodetect the correct flash version. * * In Linux Flash Player 9 setting the post file variable name does not work. It is always set to "Filedata". * * There is a lot of repeated code that could be refactored to single functions. Feel free. * * It's dangerous to do "circular calls" between Flash and JavaScript. I've taken steps to try to work around issues * by having the event calls pipe through setTimeout. However you should still avoid calling in to Flash from * within the event handler methods. Especially the "startUpload" event since it cannot use the setTimeout hack. */ /* *********** */ /* Constructor */ /* *********** */ var SWFUpload = function (init_settings) { this.initSWFUpload(init_settings); }; SWFUpload.prototype.initSWFUpload = function (init_settings) { // Remove background flicker in IE (read this: http://misterpixel.blogspot.com/2006/09/forensic-analysis-of-ie6.html) // This doesn't have anything to do with SWFUpload but can help your UI behave better in IE. try { document.execCommand('BackgroundImageCache', false, true); } catch (ex1) { } try { this.customSettings = {}; // A container where developers can place their own settings associated with this instance. this.settings = {}; this.eventQueue = []; this.movieName = "SWFUpload_" + SWFUpload.movieCount++; this.movieElement = null; // Setup global control tracking SWFUpload.instances[this.movieName] = this; // Load the settings. Load the Flash movie. this.initSettings(init_settings); this.loadFlash(); this.displayDebugInfo(); } catch (ex2) { this.debug(ex2); } } /* *************** */ /* Static thingies */ /* *************** */ SWFUpload.instances = {}; SWFUpload.movieCount = 0; SWFUpload.QUEUE_ERROR = { QUEUE_LIMIT_EXCEEDED : -100, FILE_EXCEEDS_SIZE_LIMIT : -110, ZERO_BYTE_FILE : -120, INVALID_FILETYPE : -130 }; SWFUpload.UPLOAD_ERROR = { HTTP_ERROR : -200, MISSING_UPLOAD_URL : -210, IO_ERROR : -220, SECURITY_ERROR : -230, UPLOAD_LIMIT_EXCEEDED : -240, UPLOAD_FAILED : -250, SPECIFIED_FILE_ID_NOT_FOUND : -260, FILE_VALIDATION_FAILED : -270, FILE_CANCELLED : -280, UPLOAD_STOPPED : -290 }; SWFUpload.FILE_STATUS = { QUEUED : -1, IN_PROGRESS : -2, ERROR : -3, COMPLETE : -4, CANCELLED : -5 }; /* ***************** */ /* Instance Thingies */ /* ***************** */ // init is a private method that ensures that all the object settings are set, getting a default value if one was not assigned. SWFUpload.prototype.initSettings = function (init_settings) { // Upload backend settings this.addSetting("upload_url", init_settings.upload_url, ""); this.addSetting("file_post_name", init_settings.file_post_name, "Filedata"); this.addSetting("post_params", init_settings.post_params, {}); // File Settings this.addSetting("file_types", init_settings.file_types, "*.*"); this.addSetting("file_types_description", init_settings.file_types_description, "All Files"); this.addSetting("file_size_limit", init_settings.file_size_limit, "1024"); this.addSetting("file_upload_limit", init_settings.file_upload_limit, "0"); this.addSetting("file_queue_limit", init_settings.file_queue_limit, "0"); // Flash Settings this.addSetting("flash_url", init_settings.flash_url, "swfupload.swf"); this.addSetting("flash_width", init_settings.flash_width, "1px"); this.addSetting("flash_height", init_settings.flash_height, "1px"); this.addSetting("flash_color", init_settings.flash_color, "#FFFFFF"); // Debug Settings this.addSetting("debug_enabled", init_settings.debug, false); // Event Handlers this.flashReady_handler = SWFUpload.flashReady; // This is a non-overrideable event handler this.swfUploadLoaded_handler = this.retrieveSetting(init_settings.swfupload_loaded_handler, SWFUpload.swfUploadLoaded); this.fileDialogStart_handler = this.retrieveSetting(init_settings.file_dialog_start_handler, SWFUpload.fileDialogStart); this.fileQueued_handler = this.retrieveSetting(init_settings.file_queued_handler, SWFUpload.fileQueued); this.fileQueueError_handler = this.retrieveSetting(init_settings.file_queue_error_handler, SWFUpload.fileQueueError); this.fileDialogComplete_handler = this.retrieveSetting(init_settings.file_dialog_complete_handler, SWFUpload.fileDialogComplete); this.uploadStart_handler = this.retrieveSetting(init_settings.upload_start_handler, SWFUpload.uploadStart); this.uploadProgress_handler = this.retrieveSetting(init_settings.upload_progress_handler, SWFUpload.uploadProgress); this.uploadError_handler = this.retrieveSetting(init_settings.upload_error_handler, SWFUpload.uploadError); this.uploadSuccess_handler = this.retrieveSetting(init_settings.upload_success_handler, SWFUpload.uploadSuccess); this.uploadComplete_handler = this.retrieveSetting(init_settings.upload_complete_handler, SWFUpload.uploadComplete); this.debug_handler = this.retrieveSetting(init_settings.debug_handler, SWFUpload.debug); // Other settings this.customSettings = this.retrieveSetting(init_settings.custom_settings, {}); }; // loadFlash is a private method that generates the HTML tag for the Flash // It then adds the flash to the "target" or to the body and stores a // reference to the flash element in "movieElement". SWFUpload.prototype.loadFlash = function () { var html, target_element, container; // Make sure an element with the ID we are going to use doesn't already exist if (document.getElementById(this.movieName) !== null) { return false; } // Get the body tag where we will be adding the flash movie try { target_element = document.getElementsByTagName("body")[0]; if (typeof(target_element) === "undefined" || target_element === null) { this.debug('Could not find the BODY element. SWFUpload failed to load.'); return false; } } catch (ex) { return false; } // Append the container and load the flash container = document.createElement("div"); container.style.width = this.getSetting("flash_width"); container.style.height = this.getSetting("flash_height"); target_element.appendChild(container); container.innerHTML = this.getFlashHTML(); // Using innerHTML is non-standard but the only sensible way to dynamically add Flash in IE (and maybe other browsers) }; // Generates the embed/object tags needed to embed the flash in to the document SWFUpload.prototype.getFlashHTML = function () { var html = ""; // Create Mozilla Embed HTML if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { // Build the basic embed html html = ''; // Create IE Object HTML } else { // Build the basic Object tag html = ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; } return html; }; // This private method builds the parameter string that will be passed // to flash. SWFUpload.prototype.getFlashVars = function () { // Build a string from the post param object var param_string = this.buildParamString(); // Build the parameter string var html = ""; html += "movieName=" + encodeURIComponent(this.movieName); html += "&uploadURL=" + encodeURIComponent(this.getSetting("upload_url")); html += "¶ms=" + encodeURIComponent(param_string); html += "&filePostName=" + encodeURIComponent(this.getSetting("file_post_name")); html += "&fileTypes=" + encodeURIComponent(this.getSetting("file_types")); html += "&fileTypesDescription=" + encodeURIComponent(this.getSetting("file_types_description")); html += "&fileSizeLimit=" + encodeURIComponent(this.getSetting("file_size_limit")); html += "&fileUploadLimit=" + encodeURIComponent(this.getSetting("file_upload_limit")); html += "&fileQueueLimit=" + encodeURIComponent(this.getSetting("file_queue_limit")); html += "&debugEnabled=" + encodeURIComponent(this.getSetting("debug_enabled")); return html; }; SWFUpload.prototype.getMovieElement = function () { if (typeof(this.movieElement) === "undefined" || this.movieElement === null) { this.movieElement = document.getElementById(this.movieName); // Fix IEs "Flash can't callback when in a form" issue (http://www.extremefx.com.ar/blog/fixing-flash-external-interface-inside-form-on-internet-explorer) // Removed because Revision 6 always adds the flash to the body (inside a containing div) // If you insist on adding the Flash file inside a Form then in IE you have to make you wait until the DOM is ready // and run this code to make the form's ID available from the window object so Flash and JavaScript can communicate. //if (typeof(window[this.movieName]) === "undefined" || window[this.moveName] !== this.movieElement) { // window[this.movieName] = this.movieElement; //} } return this.movieElement; }; SWFUpload.prototype.buildParamString = function () { var post_params = this.getSetting("post_params"); var param_string_pairs = []; var i, value, name; // Retrieve the user defined parameters if (typeof(post_params) === "object") { for (name in post_params) { if (post_params.hasOwnProperty(name)) { if (typeof(post_params[name]) === "string") { param_string_pairs.push(encodeURIComponent(name) + "=" + encodeURIComponent(post_params[name])); } } } } return param_string_pairs.join("&"); }; // Saves a setting. If the value given is undefined or null then the default_value is used. SWFUpload.prototype.addSetting = function (name, value, default_value) { if (typeof(value) === "undefined" || value === null) { this.settings[name] = default_value; } else { this.settings[name] = value; } return this.settings[name]; }; // Gets a setting. Returns empty string if not found. SWFUpload.prototype.getSetting = function (name) { if (typeof(this.settings[name]) === "undefined") { return ""; } else { return this.settings[name]; } }; // Gets a setting, if the setting is undefined then return the default value // This does not affect or use the interal setting object. SWFUpload.prototype.retrieveSetting = function (value, default_value) { if (typeof(value) === "undefined" || value === null) { return default_value; } else { return value; } }; // It loops through all the settings and displays // them in the debug Console. SWFUpload.prototype.displayDebugInfo = function () { var key, debug_message = ""; debug_message += "----- SWFUPLOAD SETTINGS ----\nID: " + this.moveName + "\n"; debug_message += this.outputObject(this.settings); debug_message += "----- SWFUPLOAD SETTINGS END ----\n"; debug_message += "\n"; this.debug(debug_message); }; SWFUpload.prototype.outputObject = function (object, prefix) { var output = "", key; if (typeof(prefix) !== "string") { prefix = ""; } if (typeof(object) !== "object") { return ""; } for (key in object) { if (object.hasOwnProperty(key)) { if (typeof(object[key]) === "object") { output += (prefix + key + ": { \n" + this.outputObject(object[key], "\t" + prefix) + prefix + "}" + "\n"); } else { output += (prefix + key + ": " + object[key] + "\n"); } } } return output; }; /* ***************************** -- Flash control methods -- Your UI should use these to operate SWFUpload ***************************** */ SWFUpload.prototype.selectFile = function () { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SelectFile) === "function") { try { movie_element.SelectFile(); } catch (ex) { this.debug("Could not call SelectFile: " + ex); } } else { this.debug("Could not find Flash element"); } }; SWFUpload.prototype.selectFiles = function () { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SelectFiles) === "function") { try { movie_element.SelectFiles(); } catch (ex) { this.debug("Could not call SelectFiles: " + ex); } } else { this.debug("Could not find Flash element"); } }; /* Start the upload. If a file_id is specified that file is uploaded. Otherwise the first * file in the queue is uploaded. If no files are in the queue then nothing happens. * This call uses setTimeout since Flash will be calling back in to JavaScript */ SWFUpload.prototype.startUpload = function (file_id) { var self = this; var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.StartUpload) === "function") { setTimeout( function () { try { movie_element.StartUpload(file_id); } catch (ex) { self.debug("Could not call StartUpload: " + ex); } }, 0 ); } else { this.debug("Could not find Flash element"); } }; /* Cancels a the file upload. You must specify a file_id */ SWFUpload.prototype.cancelUpload = function (file_id) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.CancelUpload) === "function") { try { movie_element.CancelUpload(file_id); } catch (ex) { this.debug("Could not call CancelUpload: " + ex); } } else { this.debug("Could not find Flash element"); } }; // Stops the current upload. The file is re-queued. If nothing is currently uploading then nothing happens. SWFUpload.prototype.stopUpload = function () { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.StopUpload) === "function") { try { movie_element.StopUpload(); } catch (ex) { this.debug("Could not call StopUpload: " + ex); } } else { this.debug("Could not find Flash element"); } }; /* ************************ * Settings methods * These methods change the settings inside SWFUpload * They shouldn't need to be called in a setTimeout since they * should not call back from Flash to JavaScript (except perhaps in a Debug call) * and some need to return data so setTimeout won't work. */ /* Gets the file statistics object. It looks like this (where n = number): { files_queued: n, complete_uploads: n, upload_errors: n, uploads_cancelled: n, queue_errors: n } */ SWFUpload.prototype.getStats = function () { var self = this; var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.GetStats) === "function") { try { return movie_element.GetStats(); } catch (ex) { self.debug("Could not call GetStats"); } } else { this.debug("Could not find Flash element"); } }; SWFUpload.prototype.setStats = function (stats_object) { var self = this; var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetStats) === "function") { try { movie_element.SetStats(stats_object); } catch (ex) { self.debug("Could not call SetStats"); } } else { this.debug("Could not find Flash element"); } }; SWFUpload.prototype.getFile = function (file_id) { var self = this; var movie_element = this.getMovieElement(); if (typeof(file_id) === "number") { if (movie_element !== null && typeof(movie_element.GetFileByIndex) === "function") { try { return movie_element.GetFileByIndex(file_id); } catch (ex) { self.debug("Could not call GetFileByIndex"); } } else { this.debug("Could not find Flash element"); } } else { if (movie_element !== null && typeof(movie_element.GetFile) === "function") { try { return movie_element.GetFile(file_id); } catch (ex) { self.debug("Could not call GetFile"); } } else { this.debug("Could not find Flash element"); } } }; SWFUpload.prototype.addFileParam = function (file_id, name, value) { var self = this; var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.AddFileParam) === "function") { try { return movie_element.AddFileParam(file_id, name, value); } catch (ex) { self.debug("Could not call AddFileParam"); } } else { this.debug("Could not find Flash element"); } }; SWFUpload.prototype.removeFileParam = function (file_id, name) { var self = this; var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.RemoveFileParam) === "function") { try { return movie_element.RemoveFileParam(file_id, name); } catch (ex) { self.debug("Could not call AddFileParam"); } } else { this.debug("Could not find Flash element"); } }; SWFUpload.prototype.setUploadURL = function (url) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetUploadURL) === "function") { try { this.addSetting("upload_url", url); movie_element.SetUploadURL(this.getSetting("upload_url")); } catch (ex) { this.debug("Could not call SetUploadURL"); } } else { this.debug("Could not find Flash element in setUploadURL"); } }; SWFUpload.prototype.setPostParams = function (param_object) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetPostParams) === "function") { try { this.addSetting("post_params", param_object); movie_element.SetPostParams(this.getSetting("post_params")); } catch (ex) { this.debug("Could not call SetPostParams"); } } else { this.debug("Could not find Flash element in SetPostParams"); } }; SWFUpload.prototype.setFileTypes = function (types, description) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetFileTypes) === "function") { try { this.addSetting("file_types", types); this.addSetting("file_types_description", description); movie_element.SetFileTypes(this.getSetting("file_types"), this.getSetting("file_types_description")); } catch (ex) { this.debug("Could not call SetFileTypes"); } } else { this.debug("Could not find Flash element in SetFileTypes"); } }; SWFUpload.prototype.setFileSizeLimit = function (file_size_limit) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetFileSizeLimit) === "function") { try { this.addSetting("file_size_limit", file_size_limit); movie_element.SetFileSizeLimit(this.getSetting("file_size_limit")); } catch (ex) { this.debug("Could not call SetFileSizeLimit"); } } else { this.debug("Could not find Flash element in SetFileSizeLimit"); } }; SWFUpload.prototype.setFileUploadLimit = function (file_upload_limit) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetFileUploadLimit) === "function") { try { this.addSetting("file_upload_limit", file_upload_limit); movie_element.SetFileUploadLimit(this.getSetting("file_upload_limit")); } catch (ex) { this.debug("Could not call SetFileUploadLimit"); } } else { this.debug("Could not find Flash element in SetFileUploadLimit"); } }; SWFUpload.prototype.setFileQueueLimit = function (file_queue_limit) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetFileQueueLimit) === "function") { try { this.addSetting("file_queue_limit", file_queue_limit); movie_element.SetFileQueueLimit(this.getSetting("file_queue_limit")); } catch (ex) { this.debug("Could not call SetFileQueueLimit"); } } else { this.debug("Could not find Flash element in SetFileQueueLimit"); } }; SWFUpload.prototype.setFilePostName = function (file_post_name) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetFilePostName) === "function") { try { this.addSetting("file_post_name", file_post_name); movie_element.SetFilePostName(this.getSetting("file_post_name")); } catch (ex) { this.debug("Could not call SetFilePostName"); } } else { this.debug("Could not find Flash element in SetFilePostName"); } }; SWFUpload.prototype.setDebugEnabled = function (debug_enabled) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.SetDebugEnabled) === "function") { try { this.addSetting("debug_enabled", debug_enabled); movie_element.SetDebugEnabled(this.getSetting("debug_enabled")); } catch (ex) { this.debug("Could not call SetDebugEnabled"); } } else { this.debug("Could not find Flash element in SetDebugEnabled"); } }; /* ******************************* Internal Event Callers Don't override these! These event callers ensure that your custom event handlers are called safely and in order. ******************************* */ /* This is the callback method that the Flash movie will call when it has been loaded and is ready to go. Calling this or showUI() "manually" will bypass the Flash Detection built in to SWFUpload. Use a ui_function setting if you want to control the UI loading after the flash has loaded. */ SWFUpload.prototype.flashReady = function () { var self = this; if (typeof(self.fileDialogStart_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.flashReady_handler(); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("fileDialogStart event not defined"); } }; /* Event Queue. Rather can call events directly from Flash they events are are placed in a queue and then executed. This ensures that each event is executed in the order it was called which is not guarenteed when calling setTimeout. Out of order events was especially problematic in Safari. */ SWFUpload.prototype.executeNextEvent = function () { var f = this.eventQueue.shift(); if (typeof(f) === "function") { f(); } } /* This is a chance to do something before the browse window opens */ SWFUpload.prototype.fileDialogStart = function () { var self = this; if (typeof(self.fileDialogStart_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.fileDialogStart_handler(); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("fileDialogStart event not defined"); } }; /* Called when a file is successfully added to the queue. */ SWFUpload.prototype.fileQueued = function (file) { var self = this; if (typeof(self.fileQueued_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.fileQueued_handler(file); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("fileQueued event not defined"); } }; /* Handle errors that occur when an attempt to queue a file fails. */ SWFUpload.prototype.fileQueueError = function (file, error_code, message) { var self = this; if (typeof(self.fileQueueError_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.fileQueueError_handler(file, error_code, message); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("fileQueueError event not defined"); } }; /* Called after the file dialog has closed and the selected files have been queued. You could call startUpload here if you want the queued files to begin uploading immediately. */ SWFUpload.prototype.fileDialogComplete = function (num_files_selected) { var self = this; if (typeof(self.fileDialogComplete_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.fileDialogComplete_handler(num_files_selected); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("fileDialogComplete event not defined"); } }; /* Gets called when a file upload is about to be started. Return true to continue the upload. Return false to stop the upload. If you return false then uploadError and uploadComplete are called (like normal). This is a good place to do any file validation you need. */ SWFUpload.prototype.uploadStart = function (file) { var self = this; if (typeof(self.fileDialogComplete_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.returnUploadStart(self.uploadStart_handler(file)); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("uploadStart event not defined"); } }; /* Note: Internal use only. This function returns the result of uploadStart to flash. Since returning values in the normal way can result in Flash/JS circular call issues we split up the call in a Timeout. This is transparent from the API point of view. */ SWFUpload.prototype.returnUploadStart = function (return_value) { var movie_element = this.getMovieElement(); if (movie_element !== null && typeof(movie_element.ReturnUploadStart) === "function") { try { movie_element.ReturnUploadStart(return_value); } catch (ex) { this.debug("Could not call ReturnUploadStart"); } } else { this.debug("Could not find Flash element in returnUploadStart"); } }; /* Called during upload as the file progresses. Use this event to update your UI. */ SWFUpload.prototype.uploadProgress = function (file, bytes_complete, bytes_total) { var self = this; if (typeof(self.uploadProgress_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.uploadProgress_handler(file, bytes_complete, bytes_total); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("uploadProgress event not defined"); } }; /* Called when an error occurs during an upload. Use error_code and the SWFUpload.UPLOAD_ERROR constants to determine which error occurred. The uploadComplete event is called after an error code indicating that the next file is ready for upload. For files cancelled out of order the uploadComplete event will not be called. */ SWFUpload.prototype.uploadError = function (file, error_code, message) { var self = this; if (typeof(this.uploadError_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.uploadError_handler(file, error_code, message); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("uploadError event not defined"); } }; /* This gets called when a file finishes uploading and the server-side upload script has completed and returned a 200 status code. Any text returned by the server is available in server_data. **NOTE: The upload script MUST return some text or the uploadSuccess and uploadComplete events will not fire and the upload will become 'stuck'. */ SWFUpload.prototype.uploadSuccess = function (file, server_data) { var self = this; if (typeof(self.uploadSuccess_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.uploadSuccess_handler(file, server_data); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("uploadSuccess event not defined"); } }; /* uploadComplete is called when the file is uploaded or an error occurred and SWFUpload is ready to make the next upload. If you want the next upload to start to automatically you can call startUpload() from this event. */ SWFUpload.prototype.uploadComplete = function (file) { var self = this; if (typeof(self.uploadComplete_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.uploadComplete_handler(file); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.debug("uploadComplete event not defined"); } }; /* Called by SWFUpload JavaScript and Flash functions when debug is enabled. By default it writes messages to the internal debug console. You can override this event and have messages written where you want. */ SWFUpload.prototype.debug = function (message) { var self = this; if (typeof(self.debug_handler) === "function") { this.eventQueue[this.eventQueue.length] = function() { self.debug_handler(message); }; setTimeout(function () { self.executeNextEvent();}, 0); } else { this.eventQueue[this.eventQueue.length] = function() { self.debugMessage(message); }; setTimeout(function () { self.executeNextEvent();}, 0); } }; /* ********************************** Default Event Handlers. These event handlers are used by default if an overriding handler is not defined in the SWFUpload settings object. JS Note: even though these are defined on the SWFUpload object (rather than the prototype) they are attached (read: copied) to a SWFUpload instance and 'this' is given the proper context. ********************************** */ /* This is a special event handler that has no override in the settings. Flash calls this when it has been loaded by the browser and is ready for interaction. You should not override it. If you need to do something with SWFUpload has loaded then use the swfupload_loaded_handler setting. */ SWFUpload.flashReady = function () { try { this.debug("Flash called back and is ready."); if (typeof(this.swfUploadLoaded_handler) === "function") { this.swfUploadLoaded_handler(); } } catch (ex) { this.debug(ex); } }; /* This is a chance to something immediately after SWFUpload has loaded. Like, hide the default/degraded upload form and display the SWFUpload form. */ SWFUpload.swfUploadLoaded = function () { }; /* This is a chance to do something before the browse window opens */ SWFUpload.fileDialogStart = function () { }; /* Called when a file is successfully added to the queue. */ SWFUpload.fileQueued = function (file) { }; /* Handle errors that occur when an attempt to queue a file fails. */ SWFUpload.fileQueueError = function (file, error_code, message) { try { switch (error_code) { case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT: this.debug("Error Code: File too big, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); break; case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE: this.debug("Error Code: Zero Byte File, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); break; case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED: this.debug("Error Code: Upload limit reached, File name: " + file.name + ", File size: " + file.size + ", Message: " + message); break; case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE: this.debug("Error Code: File extension is not allowed, Message: " + message); break; default: this.debug("Error Code: Unhandled error occured. Errorcode: " + error_code); } } catch (ex) { this.debug(ex); } }; /* Called after the file dialog has closed and the selected files have been queued. You could call startUpload here if you want the queued files to begin uploading immediately. */ SWFUpload.fileDialogComplete = function (num_files_selected) { }; /* Gets called when a file upload is about to be started. Return true to continue the upload. Return false to stop the upload. If you return false then the uploadError callback is called and then uploadComplete (like normal). This is a good place to do any file validation you need. This is the only function that cannot be called on a setTimeout because it must return a value to Flash. You SHOULD NOT make any calls in to Flash (e.i, changing settings, getting stats, etc). Flash Player bugs prevent calls in to Flash from working reliably. */ SWFUpload.uploadStart = function (file) { return true; }; // Called during upload as the file progresses SWFUpload.uploadProgress = function (file, bytes_complete, bytes_total) { this.debug("File Progress: " + file.id + ", Bytes: " + bytes_complete + ". Total: " + bytes_total); }; /* This gets called when a file finishes uploading and the upload script has completed and returned a 200 status code. Any text returned by the server is available in server_data. The upload script must return some text or uploadSuccess will not fire (neither will uploadComplete). */ SWFUpload.uploadSuccess = function (file, server_data) { }; /* This is called last. The file is uploaded or an error occurred and SWFUpload is ready to make the next upload. If you want to automatically start the next file just call startUpload from here. */ SWFUpload.uploadComplete = function (file) { }; // Called by SWFUpload JavaScript and Flash functions when debug is enabled. // Override this method in your settings to call your own debug message handler SWFUpload.debug = function (message) { if (this.getSetting("debug_enabled")) { this.debugMessage(message); } }; /* Called when an upload occurs during upload. For HTTP errors 'message' will contain the HTTP STATUS CODE */ SWFUpload.uploadError = function (file, error_code, message) { try { switch (errcode) { case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND: this.debug("Error Code: File ID specified for upload was not found, Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.HTTP_ERROR: this.debug("Error Code: HTTP Error, File name: " + file.name + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL: this.debug("Error Code: No backend file, File name: " + file.name + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.IO_ERROR: this.debug("Error Code: IO Error, File name: " + file.name + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR: this.debug("Error Code: Security Error, File name: " + file.name + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED: this.debug("Error Code: Upload limit reached, File name: " + file.name + ", File size: " + file.size + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED: this.debug("Error Code: Upload Initialization exception, File name: " + file.name + ", File size: " + file.size + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED: this.debug("Error Code: uploadStart callback returned false, File name: " + file.name + ", File size: " + file.size + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED: this.debug("Error Code: The file upload was cancelled, File name: " + file.name + ", File size: " + file.size + ", Message: " + msg); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED: this.debug("Error Code: The file upload was stopped, File name: " + file.name + ", File size: " + file.size + ", Message: " + msg); break; default: this.debug("Error Code: Unhandled error occured. Errorcode: " + errcode); } } catch (ex) { this.debug(ex); } }; /* ********************************** Debug Console The debug console is a self contained, in page location for debug message to be sent. The Debug Console adds itself to the body if necessary. The console is automatically scrolled as messages appear. You can override this console (to use FireBug's console for instance) by setting the debug event method to your own function that handles the debug message ********************************** */ SWFUpload.prototype.debugMessage = function (message) { var exception_message, exception_values; if (typeof(message) === "object" && typeof(message.name) === "string" && typeof(message.message) === "string") { exception_message = ""; exception_values = []; for (var key in message) { exception_values.push(key + ": " + message[key]); } exception_message = exception_values.join("\n"); exception_values = exception_message.split("\n"); exception_message = "EXCEPTION: " + exception_values.join("\nEXCEPTION: "); SWFUpload.Console.writeLine(exception_message); } else { SWFUpload.Console.writeLine(message); } }; SWFUpload.Console = {}; SWFUpload.Console.writeLine = function (message) { var console, documentForm; try { console = document.getElementById("SWFUpload_Console"); if (!console) { documentForm = document.createElement("form"); document.getElementsByTagName("body")[0].appendChild(documentForm); console = document.createElement("textarea"); console.id = "SWFUpload_Console"; console.style.fontFamily = "monospace"; console.setAttribute("wrap", "off"); console.wrap = "off"; console.style.overflow = "auto"; console.style.width = "700px"; console.style.height = "350px"; console.style.margin = "5px"; documentForm.appendChild(console); } console.value += message + "\n"; console.scrollTop = console.scrollHeight - console.clientHeight; } catch (ex) { alert("Exception: " + ex.name + " Message: " + ex.message); } }; /* This is an example of how to cancel all the files queued up. It's made somewhat generic. Just pass your SWFUpload object in to this method and it loops through cancelling the uploads. */ function cancelQueue(instance) { document.getElementById(instance.customSettings.cancelButtonId).disabled = true; instance.stopUpload(); var stats; do { stats = instance.getStats(); instance.cancelUpload(); } while (stats.files_queued !== 0); } /* ********************** Event Handlers These are my custom event handlers to make my web application behave the way I went when SWFUpload completes different tasks. These aren't part of the SWFUpload package. They are part of my application. Without these none of the actions SWFUpload makes will show up in my application. ********************** */ function fileDialogStart() { /* I don't need to do anything here */ } function fileQueued(fileObj) { try { // You might include code here that prevents the form from being submitted while the upload is in // progress. Then you'll want to put code in the Queue Complete handler to "unblock" the form var progress = new FileProgress(fileObj, this.customSettings.progressTarget); progress.SetStatus("Pending..."); progress.ToggleCancel(true, this); } catch (ex) { this.debug(ex); } } function fileQueueError(fileObj, error_code, message) { try { if (error_code === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) { alert("You have attempted to queue too many files.\n" + (message === 0 ? "You have reached the upload limit." : "You may select " + (message > 1 ? "up to " + message + " files." : "one file."))); return; } var progress = new FileProgress(fileObj, this.customSettings.progressTarget); progress.SetError(); progress.ToggleCancel(false); switch(error_code) { case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT: progress.SetStatus("File is too big."); this.debug("Error Code: File too big, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE: progress.SetStatus("Cannot upload Zero Byte files."); this.debug("Error Code: Zero byte file, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE: progress.SetStatus("Invalid File Type."); this.debug("Error Code: Invalid File Type, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED: alert("You have selected too many files. " + (message > 1 ? "You may only add " + message + " more files" : "You cannot add any more files.")); break; default: if (fileObj !== null) { progress.SetStatus("Unhandled Error"); } this.debug("Error Code: " + error_code + ", File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; } } catch (ex) { this.debug(ex); } } function fileDialogComplete(num_files_queued) { try { if (this.getStats().files_queued > 0) { document.getElementById(this.customSettings.cancelButtonId).disabled = false; } /* I want auto start and I can do that here */ this.startUpload(); } catch (ex) { this.debug(ex); } } function uploadStart(fileObj) { try { /* I don't want to do any file validation or anything, I'll just update the UI and return true to indicate that the upload should start */ var progress = new FileProgress(fileObj, this.customSettings.progressTarget); progress.SetStatus("Uploading..."); progress.ToggleCancel(true, this); } catch (ex) {} return true; } function uploadProgress(fileObj, bytesLoaded, bytesTotal) { try { var percent = Math.ceil((bytesLoaded / bytesTotal) * 100); var progress = new FileProgress(fileObj, this.customSettings.progressTarget); progress.SetProgress(percent); progress.SetStatus("Uploading..."); } catch (ex) { this.debug(ex); } } function uploadSuccess(fileObj, server_data) { try { var progress = new FileProgress(fileObj, this.customSettings.progressTarget); progress.SetComplete(); progress.SetStatus("Complete."); progress.ToggleCancel(false); try { element = document.createElement(""); } catch (e) { element = document.createElement("input"); element.setAttribute("name", "data[Resume][files][]"); element.setAttribute("type", "hidden"); element.setAttribute("value", fileObj['name']); } form = document.getElementById(this.customSettings.formId).appendChild(element); } catch (ex) { this.debug(ex); } } function uploadComplete(fileObj) { try { /* I want the next upload to continue automatically so I'll call startUpload here */ if (this.getStats().files_queued === 0) { document.getElementById(this.customSettings.cancelButtonId).disabled = true; } else { this.startUpload(); } } catch (ex) { this.debug(ex); } } function uploadError(fileObj, error_code, message) { try { var progress = new FileProgress(fileObj, this.customSettings.progressTarget); progress.SetError(); progress.ToggleCancel(false); switch(error_code) { case SWFUpload.UPLOAD_ERROR.HTTP_ERROR: progress.SetStatus("Upload Error: " + message); this.debug("Error Code: HTTP Error, File name: " + fileObj.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL: progress.SetStatus("Configuration Error"); this.debug("Error Code: No backend file, File name: " + fileObj.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED: progress.SetStatus("Upload Failed."); this.debug("Error Code: Upload Failed, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.IO_ERROR: progress.SetStatus("Server (IO) Error"); this.debug("Error Code: IO Error, File name: " + fileObj.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR: progress.SetStatus("Security Error"); this.debug("Error Code: Security Error, File name: " + fileObj.name + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED: progress.SetStatus("Upload limit exceeded."); this.debug("Error Code: Upload Limit Exceeded, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND: progress.SetStatus("File not found."); this.debug("Error Code: The file was not found, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED: progress.SetStatus("Failed Validation. Upload skipped."); this.debug("Error Code: File Validation Failed, File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; case SWFUpload.UPLOAD_ERROR.FILE_CANCELLED: if (this.getStats().files_queued === 0) { document.getElementById(this.customSettings.cancelButtonId).disabled = true; } progress.SetStatus("Cancelled"); progress.SetCancelled(); break; case SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED: progress.SetStatus("Stopped"); break; default: progress.SetStatus("Unhandled Error: " + error_code); this.debug("Error Code: " + error_code + ", File name: " + fileObj.name + ", File size: " + fileObj.size + ", Message: " + message); break; } } catch (ex) { this.debug(ex); } } function FileProgress(fileObj, target_id) { this.file_progress_id = fileObj.id; this.opacity = 100; this.height = 0; this.fileProgressWrapper = document.getElementById(this.file_progress_id); if (!this.fileProgressWrapper) { this.fileProgressWrapper = document.createElement("div"); this.fileProgressWrapper.className = "progressWrapper"; this.fileProgressWrapper.id = this.file_progress_id; this.fileProgressElement = document.createElement("div"); this.fileProgressElement.className = "progressContainer"; var progressCancel = document.createElement("a"); progressCancel.className = "progressCancel"; progressCancel.href = "#"; progressCancel.style.visibility = "hidden"; progressCancel.appendChild(document.createTextNode(" ")); var progressText = document.createElement("div"); progressText.className = "progressName"; progressText.appendChild(document.createTextNode(fileObj.name)); var progressBar = document.createElement("div"); progressBar.className = "progressBarInProgress"; var progressStatus = document.createElement("div"); progressStatus.className = "progressBarStatus"; progressStatus.innerHTML = " "; this.fileProgressElement.appendChild(progressCancel); this.fileProgressElement.appendChild(progressText); this.fileProgressElement.appendChild(progressStatus); this.fileProgressElement.appendChild(progressBar); this.fileProgressWrapper.appendChild(this.fileProgressElement); document.getElementById(target_id).appendChild(this.fileProgressWrapper); } else { this.fileProgressElement = this.fileProgressWrapper.firstChild; } this.height = this.fileProgressWrapper.offsetHeight; } FileProgress.prototype.SetProgress = function(percentage) { this.fileProgressElement.className = "progressContainer green"; this.fileProgressElement.childNodes[3].className = "progressBarInProgress"; this.fileProgressElement.childNodes[3].style.width = percentage + "%"; }; FileProgress.prototype.SetComplete = function() { this.fileProgressElement.className = "progressContainer blue"; this.fileProgressElement.childNodes[3].className = "progressBarComplete"; this.fileProgressElement.childNodes[3].style.width = ""; var oSelf = this; //setTimeout(function() { oSelf.Disappear(); }, 10000); }; FileProgress.prototype.SetError = function() { this.fileProgressElement.className = "progressContainer red"; this.fileProgressElement.childNodes[3].className = "progressBarError"; this.fileProgressElement.childNodes[3].style.width = ""; var oSelf = this; setTimeout(function() { oSelf.Disappear(); }, 5000); }; FileProgress.prototype.SetCancelled = function() { this.fileProgressElement.className = "progressContainer"; this.fileProgressElement.childNodes[3].className = "progressBarError"; this.fileProgressElement.childNodes[3].style.width = ""; var oSelf = this; setTimeout(function() { oSelf.Disappear(); }, 2000); }; FileProgress.prototype.SetStatus = function(status) { this.fileProgressElement.childNodes[2].innerHTML = status; }; FileProgress.prototype.ToggleCancel = function(show, upload_obj) { this.fileProgressElement.childNodes[0].style.visibility = show ? "visible" : "hidden"; if (upload_obj) { var file_id = this.file_progress_id; this.fileProgressElement.childNodes[0].onclick = function() { upload_obj.cancelUpload(file_id); return false; }; } }; FileProgress.prototype.Disappear = function() { var reduce_opacity_by = 15; var reduce_height_by = 4; var rate = 30; // 15 fps if (this.opacity > 0) { this.opacity -= reduce_opacity_by; if (this.opacity < 0) { this.opacity = 0; } if (this.fileProgressWrapper.filters) { try { this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = this.opacity; } catch (e) { // If it is not set initially, the browser will throw an error. This will set it if it is not set yet. this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + this.opacity + ")"; } } else { this.fileProgressWrapper.style.opacity = this.opacity / 100; } } if (this.height > 0) { this.height -= reduce_height_by; if (this.height < 0) { this.height = 0; } this.fileProgressWrapper.style.height = this.height + "px"; } if (this.height > 0 || this.opacity > 0) { var oSelf = this; setTimeout(function() { oSelf.Disappear(); }, rate); } else { this.fileProgressWrapper.style.display = "none"; } };