[jQuery] loading data from a file, then appending it to DIV section
Hi,
I am a newbie to jQuery, and I'm trying to do something that I
think can be done, just not familiar enough with jQuery to figure it
out. I'm using Uploadify to upload multiple files. I want to load
data from a file (using Perl), then append the results to a DIV
section in my HTML.
I can get the load to work, and the append to work independantly, but
can't figure out how to get the both to act together to achieve my
desired results.
Here is my load function that works:
'onComplete' : function(event, queueID, fileObj, response, data) {
$('#filesUploaded').load("/jscript/jquery/uploadify/
showimageinfo.pl?account=clientname&rawfile=" + fileObj.name)
},
It passes the info to the Perl program (I print out "Client:
clientname Rawfile: img009.jpg") so I know it's executing the Perl
pgm, but what happens is when I upload multiple files the results of
the Perl program are over-written in the DIV section:
eg:
-------------
Client: clientname Rawfile: img009.jpg
------------ (overwrites DIV sectiion)
Client: clientname Rawfile: img010.jpg
------------------
when it should look like:
------------- (both records should appear on the screen)
Client: clientname Rawfile: img009.jpg
Client: clientname Rawfile: img010.jpg
------------------
I get the append to work also, but it's literal text that I put in
the argument:
$('#filesUploaded').append("/jscript/jquery/uploadify/showimageinfo.pl?
account=clientname&rawfile=" + fileObj.name)
results in:
/jscript/jquery/uploadify/showimageinfo.pl?
account=clientname&rawfile=img009.jpg/jscript/jquery/uploadify/
showimageinfo.pl?account=clientname&rawfile=img010.jpg
Can someone point me in the right direction - I really need to get
both functions to work together!
Thanks!!!
J.D. Hill