Typo: “mutliple” in “Technorati tags”

jquery strikes me as the perl of js toolkits - while the syntax may appear noisy to some, it in fact has incredible economy and some nice idioms

The tutorials he was bashing clearly point out the accessibility issues and advise the reader to decide for himself if the benefits of the prescribed technique outweigh the downside.

Besides, one of the main goals of this blog is to introduce the world to jQuery, show some of the unique features, and how it can be applied.

Far faster and less fiddly

First, do you have a link to an example that is currently written using a different javascript library? Or are you proposing something you haven’t seen before.

Just thinking out loud, I think you’d have to open up the age-old “browse…” button and then go navigate to find the file on your hard drive.

A quick Google search seems to support this. I see mention of JAVA applets and situations for users with Firefox that make specific changes to their browser options.

Say you’re on a website on which you can upload your pictures. You’d have to resize your browser to make room for the windows(?) explorer, which you have to open also if it isn’t already. Then in the explorer you’d have to browse to the directory and files you’d want uploaded. Then you’d have to resize both windows so it is possible to drag and drop. Then you’d have to perform the actual drag and drop. How many steps are this?

I’m not even talking about people who wouldn’t understand the whole process, don’t want or cannot use a mouse, etc

Clicking “browse” and getting a popup to go to the file you’d want to upload is a common way which most people are familiar with nowadays.

One note. As far as I can tell the demo doesn’t seem to work with the latest jQuery release:

* $Date: 2006-08-31 13:26:31 -0400 (Thu, 31 Aug 2006) $
* $Rev: 249 $

As far as I can tell (and I’m pretty new to JavaScript not to mention jQuery) the following line…

var fileName = $(”input[@type=file]:nth-of-type(”+n+”)”).val();

is assigning “null” to fileName. Anyway, I can’t complain. In fact I’d love to see “another 15 days of jQuery”.

Demo1 does work with the latest jquery. I just uploaded the latest (same one you refer to) and it works fine. The second one breaks.

But no, the line you reference is not setting the value to null. In the jquery documentation is specifies that val() grabs the value, val(’foo’) sets the value to foo.

Pretty sleek tutorials though!

I was missing a return true;

function doIt(obj, fm) {
if($(’input.upload’).size() > fm) {alert(’Max files is ‘+fm); obj.value=”;return
true;}

And darn it… I see what you mean about IE. Crap. I’ll have to take this tutorial down until I figure out what the deal is. I updated the jquery.js file to the latest and things went screwy.

I don’t know why I didn’t see the reson why before. Apparently nth-of-type didn’t make the cut when it was recently decided what was core and what wasn’t.

Here’s one of the fixed demos.

http://15daysofjquery.com/examples/jqueryMultiFile/demo4.php

(Crossing that one off the list!)

Thanks again.

Next question: is there a way to add an upload progress meter to tell me how much or how many files have been uploaded during the process?

Wonderful work!

I have a contact form processor script that does a great job handling file uploads.

http://www.ultimateformmail.com/jquery-special.php

The thumbnail generation is PHP, server side. Javascript can’t do this alone.

Sorry.

…find(”input:visible”).change(function(){ doIt(this);
});

(bind the new change-event on the visible input)

By the way, jQuery is a javascript library.

Hopefully someone can walk me through a solution!

Here is an example of a TB call I am making (using: jquery-1.2.3, TB 3.1, IE7);
Edit

TB opens with the default size and located near the top of the page instead of using my sizes and centering on the screen when the page is scrolled down.

If I use the same code without passing a variable to the destination URL, TB works as expected (fantastically).

So clearly passing the URL variable messes up passing variables to TB. Could someone walk me through how to change this so it works correctly?

Note that the URL variable is generated by the ASP code and is not easily modified, so I need a Thickbox oriented solution (if possible).

Thanks!

$(obj).parent().prepend(”).find(”input”).change(function() {doIt(this, fm)});

BY

$(obj).parent().prepend(”);