I had the same problem. I viewed example.html and saw that it includes the script file mootools.js, and after renaming my downloaded mootools script (which had a different name) my example worked fine.

Now if someone would just pretty please share their PHP back-end script for this nifty tool, I’d be a very happy person

Regards,

Kobus

Did anyone every write a complete PHP back-end script for this wonderful utility? I am a JavaScript klutz, so I don’t even know how to link this with a PHP script…?

Regards,

Kobus

I’ve downloaded your script, downloaded mootools 1.2, tried implementing it and no go.
I click Browse, select the file and nothing. Just goes back to having the filename in the input element.
I ended up just using the example.html to see if some of my other code was conflicting and it still doesn’t work.
I’m not very good with javascript so forgive me if I’m missing something plainly obvious.
any help?

Call it like this:

var multi_selector = new MultiSelector( document.getElementById( ‘files_list’),’thefirstone’ , 10 );

multi_selector.addElement( document.getElementById( ‘my_file_element’ ));

var multi_selector = new MultiSelector( document.getElementById( ‘files_list2′ ),’thesecondone’, 10 );

multi_selector.addElement( document.getElementById( ‘my_file_element2′));

/**
* Convert a single file-input element into a ‘multiple’ input list
*
* Usage:
*
* 1. Create a file input element (no name)
* eg.
*
* 2. Create a DIV for the output to be written to
* eg.
*
* 3. Instantiate a MultiSelector object, passing in the DIV and an (optional) maximum number of files
* eg. var multi_selector = new MultiSelector( document.getElementById( ‘files_list’ ), 3 );
*
* 4. Add the first element
* eg. multi_selector.addElement( document.getElementById( ‘first_file_element’ ) );
*
* 5. That’s it.
*
* You might (will) want to play around with the addListRow() method to make the output prettier.
*
* You might also want to change the line
* element.name = ‘file_’ + this.count;
* …to a naming convention that makes more sense to you.
*
* Licence:
* Use this however/wherever you like, just don’t blame me if it breaks anything.
*
* Credit:
* If you’re nice, you’ll leave this bit:
*
* Class by Stickman — http://www.the-stickman.com
* with thanks to:
* [for Safari fixes]
* Luis Torrefranca — http://www.law.pitt.edu
* and
* Shawn Parker & John Pennypacker — http://www.fuzzycoconut.com
* [for duplicate name bug]
* ‘neal’
*/
function MultiSelector( list_target, output_filename, max ){

var output_filename = output_filename;
// Where to write the list
this.list_target = list_target;
// How many elements?
this.count = 0;
// How many elements?
this.id = 0;
// Is there a maximum?
if( max ){
this.max = max;
} else {
this.max = -1;
};

/**
* Add a new file input element
*/
this.addElement = function( element ){

// Make sure it’s a file input element
if( element.tagName == ‘INPUT’ && element.type == ‘file’ ){

// Element name — what number am I?
element.name = output_filename + ‘_’ + this.id++;

// Add reference to this object
element.multi_selector = this;

// What to do when a file is selected
element.onchange = function(){

// New file input
var new_element = document.createElement( ‘input’ );
new_element.type = ‘file’;

// Add new element
this.parentNode.insertBefore( new_element, this );

// Apply ‘update’ to element
this.multi_selector.addElement( new_element );

// Update list
this.multi_selector.addListRow( this );

// Hide this: we can’t use display:none because Safari doesn’t like it
this.style.position = ‘absolute’;
this.style.left = ‘-1000px’;

};
// If we’ve reached maximum number, disable input element
if( this.max != -1 && this.count >= this.max ){
element.disabled = true;
};

// File element counter
this.count++;
// Most recent element
this.current_element = element;

} else {
// This can only be applied to file input elements!
alert( ‘Error: not a file input element’ );
};

};

/**
* Add a new row to the list of files
*/
this.addListRow = function( element ){

// Row div
var new_row = document.createElement( ‘div’ );

// Delete button
var new_row_button = document.createElement( ‘input’ );
new_row_button.type = ‘button’;
new_row_button.value = ‘Delete’;

// References
new_row.element = element;

// Delete function
new_row_button.onclick= function(){

// Remove element from form
this.parentNode.element.parentNode.removeChild( this.parentNode.element );

// Remove this row from the list
this.parentNode.parentNode.removeChild( this.parentNode );

// Decrement counter
this.parentNode.element.multi_selector.count–;

// Re-enable input element (if it’s disabled)
this.parentNode.element.multi_selector.current_element.disabled = false;

// Appease Safari
// without it Safari wants to reload the browser window
// which nixes your already queued uploads
return false;
};

// Set row value
new_row.innerHTML = element.value;

// Add button
new_row.appendChild( new_row_button );

// Add it to the list
this.list_target.appendChild( new_row );

};

};

http://www.muquit.com/muquit/software/upload_pl/upload_pl.html

It seems easy enough, but I keep getting error and more error as I made modification to the above script. I am learning this the hard way. It doesn’t help the situation when I am clueless too.

Please help.

Cheers

I tried westons code, as othe rpeople ahve, but something must have gotten broken through posting, even after changing all the quotes to normal quotes his script refuses to function at all. I’d really lvoe to use this script as it’s wicked and you’ve dona an amazing job, I’d just prefer to make the list al little less cluttered.

cheers!

Any ideas why it’s so difficult for some people to post things here?