|
JavaScript - What's A Good Free Multiple-file Uploader?
Can anybody recommend a good free uploader that allows multiple file selection at the same time?
Any help appreciated! Similar TutorialsHey guys, I'm new to the forum, just registered today. And I'm wondering whats the best javascript editor out there? I'm going to school for web development and I'm taking a javascript class next semester, the problem is the class is online so i have to teach myself. I have previous coding experience with html, css, actionscript 2 and coldfusion. I want to know whats the best editor out there is? I have used Dreamweaver for my previous coding and i don't like it. It feels to bloated and has way to much stuff i never use. Anyone want to share what they use? Make me a recommendation, it doesn't matter weather its for mac or pc. I have a macbook pro i use for school and i already have a a copy of adobe creative suite 5 for mac and Visual studio 2010 for windows. Anyone ever use visual studio for web development? I would really appreciate any help you can give me. Anyway thanks for reading my long post, and any advice is really appreciated. Thank You, Emiljan Morning all. My script is running he http://www.actwebdesigns.co.uk/web-d...php-jquery.php It is an ajax style uploader. My problem being: when image is uploaded, it calls for a refreshed list of images that have been uploaded. But once it has been refreshed once, the "get height and width" function no longer works. Firebug returns: Code: self.parent is null Code: var image = self.parent.$("#imageSelect :selected").text();
here's my code: act.uploader.iframe.js Code: // JavaScript Document
$(document).ready(function () {
var pageContents = $("body").html();
function getHeightAndWidth() {
self.parent.$("#getHeightWidth").bind("click", function () {
var dir = "getHeightAndWidth.php"; //directory to script
var image = self.parent.$("#imageSelect :selected").text();
self.parent.$("input[class=userInput2], select, #getHeightWidth").attr('disabled', true);
self.parent.$("#getError").html('<p>Gathering data please wait... <img src="loader.gif" /></p>');
$.ajax({
type: "POST",
url: dir,
data: 'image=' + image,
cache: false,
timeout:30000,
error: function () {
self.parent.$("#getError").html("<p>We are currently have a large volume of users and are slowing down our system. Please try again later.</p>");
self.parent.$("input[class=userInput2], select, #getHeightWidth").removeAttr('disabled');
},
success: function (html) {
self.parent.$("#heightAndWidthWrapper").html(html);
self.parent.$("input[class=userInput2], select, #getHeightWidth").removeAttr('disabled');
}
});
});
self.parent.$("#uploaderIframe").remove();
}
function buttonConvert() { // this function can be used on any page you want to make more accessible. Turns all type="submit" into type="button"
self.parent.$("input[type=submit]").each(function () {
var buttonClassFind = $(this).attr("class");
if (buttonClassFind!="leave")
{
var inputButton = $(this);
var newInputButton = $('<input type="button" id="' + inputButton.attr('id') + '" name="' + inputButton.attr('name') + '" class="' + inputButton.attr('class') + '" value="' + inputButton.val() + '" rel="' + inputButton.attr('rel') + '"/>').insertBefore(inputButton);
inputButton.remove();
}
});
}
function refreshImages() {
self.parent.$("#sizeOptionsWrapper").html('<p>refreshing... <img src="loader.gif" /></p>');
$.ajax({
url: 'function.loadImages.php',
cache: false,
timeout:30000,
error: function () {
self.parent.$("#sizeOptionsWrapper").html("<p>We are currently have a large volume of users and are slowing down our system. Please try again later.</p>");
self.parent.$("#uploaderIframe").remove();
},
success: function (html) {
self.parent.$("#sizeOptionsWrapper").html(html);
buttonConvert();
getHeightAndWidth();
}
});
}
self.parent.$("#uploadResult").html(pageContents);
refreshImages();
});
act.uploader.js Code: // JavaScript Document
$(document).ready(function () {
window.name = "main";
function upload() {
$("#uploadSubmit").bind("click", function () {
var results = '<iframe name="uploader" id="uploaderIframe"></iframe>';
$("#uploader").append(results);
$("#uploadResult").html('<p>Uploading please wait... <img src="loader.gif" /></p>');
});
}
function getHeightAndWidth() {
$("#getHeightWidth").bind("click", function () {
var dir = "getHeightAndWidth.php"; //directory to script
var image = $("#imageSelect :selected").text();
$("input[class=userInput2], select, #getHeightWidth").attr('disabled', true);
$("#getError").html('<p>Gathering data please wait... <img src="loader.gif" /></p>');
$.ajax({
type: "POST",
url: dir,
data: 'image=' + image,
cache: false,
timeout:30000,
error: function () {
$("#getError").html("<p>We are currently have a large volume of users and are slowing down our system. Please try again later.</p>");
$("input[class=userInput2], select, #getHeightWidth").removeAttr('disabled');
},
success: function (html) {
$("#heightAndWidthWrapper").html(html);
$("input[class=userInput2], select, #getHeightWidth").removeAttr('disabled');
}
});
});
}
function buttonConvert() { // this function can be used on any page you want to make more accessible. Turns all type="submit" into type="button"
$("input[type=submit]").each(function () {
var buttonClassFind = $(this).attr("class");
if (buttonClassFind!="leave")
{
var inputButton = $(this);
var newInputButton = $('<input type="button" id="' + inputButton.attr('id') + '" name="' + inputButton.attr('name') + '" class="' + inputButton.attr('class') + '" value="' + inputButton.val() + '" rel="' + inputButton.attr('rel') + '"/>').insertBefore(inputButton);
inputButton.remove();
}
});
}
buttonConvert();
upload();
getHeightAndWidth();
});
if need the php or html let me know. Any help much appreciated. Hi, Can someone tell me what I am doing wrong. Script works on the first attachment but not the other two? Code: <script type="text/javascript" language="JavaScript"><!--
function ExtensionsOkay() {
var extension = new Array();
var fieldvalue = new Array();
fieldvalue[0] = document.customApp.attachment_1.value;
fieldvalue[1] = document.customApp.attachment_2.value;
fieldvalue[2] = document.customApp.attachment_3.value;
extension[0] = ".doc";
extension[1] = ".docx";
extension[2] = ".txt";
extension[3] = ".pdf";
// No other customization needed.
for(var f = 0; f < fieldvalue.length; f++) {
var thisext = fieldvalue[f].substr(fieldvalue[f].lastIndexOf('.'));
for(var i = 0; i < extension.length; i++) {
if(thisext == extension[i]) { return true; }
}
alert("Your upload field " + f + " contains an unapproved file name.");
return false;
}
}
//--></script>
Evening all With a single file input, if you use JS to get the value of a file input field it returns the filename. In HTML 5 though you can upload multiple files at once. However, using JS to read the value of the field just returns a single filename, even if multiple files are there. This is slightly complicated as I can't click on the input box to see whether all the filenames are listed there or just one, because doing so opens the choose file dialogue box. However, all the files are being uploaded. What I want to do is use JS to validate the filenames prior to upload, but it only seems to be doing the last one selected. Any ideas on how to return all the filenames? Thanks, Chris Hi peers, I am looking ofr a free web based spreadsheet written in Javascript / Ajax. is this can be found ..any ideas ? thanks Hi, My project simulation takes lot of time so I cant monitor that continuously,. I want to send a SMS whenever some simulation is done/ progress / throws an error to my mobile through SMS when I'm away from the PC.. I dont know how to start with this.. pls tell me how to do this I want to use free online SMS service to do this.. hi everyone, fairly new to this forum, does anybody know where i can find a good, free color coded editor ? Hi Guys, I am trying to get the Fat-Free shopping cart woking with a flash file. I have tried [CODE] on (rollOver) { _parent.gotoAndPlay("s1"); } on (releaseOutside, rollOut) { _parent.gotoAndPlay("s2"); } on (release) {getURL("https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2&merchant_id=your_google_merchant_id&business=website.com" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this));"}[CODE] The compiler tells me that a ')' or ',' is expected. Any help appreciated. I am a newbie. Thanks PeterW I've been using Coffeecup free version for HTML/CSS needs and it works fine as if you forget say one or two values, the prompt feature works fine. Im now getting into Javascript and can see that it is a very useful language, however are there any editors that will provide prompt/suggestion pop ups when editing which are free? If possible, one that combines HTML/CSS/Javascript all together. I've seen this:- http://download.cnet.com/Free-JavaSc...-10907077.html And was going to give it a download. But anyone know of any others or can recommend the above? Thanks I'd google it but I'm not an expert at judging the age of code yet.
Hi, I currently created a video uploader, but when the video is too big in size, the page seems to be not doing any until the video is completely uploaded. I want to put somewhat like "loading.. please wait" script until the video is not completely uploaded. Thanks. //Ana Frequent reader, usually find my code fixes via Google... so first post, but I've been programming for a while... I've always been horrible at JavaScript... Java was easier for me. anyways... My problem: I am building a website for my fire department that i am a member. here is what i have www. explosive supplements .com(header picture is a mockup, being worked on by a graphic artist) (spaced out for privacy, this domain is my testing website that i used to test my programming prototypes live without taking other sites offline.) My main issue is IE7 and IE8 in compatibility mode My Solution: I need to make a popup/warning to tell those running IE7 to update their browser to view the website and a popup/warning to tell those who are running compatibility mode in IE8 to turn it off to view the webpage properly. i thought about making a seperate template for IE7, but that still doesnt help with those running compatibility mode in IE8. Thanks for any help that you can give. So I am looking for a book that basically goes from the very basics to middle level of java programing, but one that is up to date, and that explains everything, not like some of the books that just throws code at you and expects you to understand why you are making the class public and why it extends javaplugins, just something in depth that really explains why for everything.
Today, all major cell phone makers (exept apple) announced that they will support a common app standard based on html, css, and javascript. Article: http://news.yahoo.com/s/afp/20100215...owapplications This means that we can use our web skills to make applications for mobile phones. Previously, we would have to invest learning time into a closed-path system like the iPhone's Objective-C, or a minor player's API like webOS. Called BONDI, it's basically a webpage with some extra generic DOM handles for using system features like fetching contact lists, GPS, sending SMSs, playing a sound, etc. While I am not blown away by the demo widgets linked below, i realize they are little more than "hello world", as much actually as figuratively. I expect support and development to entrench around this simple standard, so more and more hardware features will gradually start working on more and more devices. It's the same notion as the JS/HTML software i wrote years ago for firefox that now works in IE8... Check it out: http://bondi.omtp.org/usebondi/Lists...Y/Gallery.aspx I encourage all to participate in developing for open source platforms like BONDI. While there's more money right now in iPhone, the future belongs to us. Don't support proprietary techs! Besides, i cannot imagine that Apple/some fan boy will not eventually add BONDI support to iPhones; they already have a browser! I am looking to add the load date by scrolling paginating but i am not sure if this will cause the site to dramatically load slower. http://www.9lessons.info/2009/07/loa...query-php.html That is what i was going to implement but unsure if i should. Any of you guys got any knowledge in this? Thanks I just started learning javascript, and it'd be cool if I could find some kind of javascript reference site similar to php.net/manual with a quick reference search. After looking through google for a long while, all I could find was tutorial sites or reference books with the only way to navigate them is through boring tables of contents. Does such a place exist? Or what's the next best thing?
Hello, I am trying to understand something I often see in other's code: Code: (function(){
//do something
})();
a) Why is the function wrapped into parenthesis? b) Why are there parenthesis at the very end of the snippet? A variant that is also mysterious to me is: Code: (function(){
//do something
})(document.documentElement);
Why the document.documentElement in parenthesis? Regards, -jj. Hi, I hope someone can help me. I'll be honest and say I don't know much about javascript, but am fairly comfortable in html. I am building a website that will have multiple image swaps on multiple pages. I am building this in wordpress, and I'm guessing that means my approach will be different than if I wasn't using wordpress. Here's how one page would work: There are 10 images shown. 1,2,3,4,5,6,7,8,9,10. When number 1 is clicked on, I want a new image - 1a. When 2 is clicked on, 2a. So there are 20 different images in all on a given page. Also, I want the user to be able to click on the image again to restore the original image. I would prefer onclick to onmouseover. There will be literally dozens of pages like this on the site, managed by wordpress, so hundreds of images to swap. Basically the first image is a question - the second image is the answer. Is this possible? Hi all! I started using the JS-based Free Flash MP3 player on a site, but I'm stuck on what I thought would be a simple step. I tried their site for help, but at first their contact form was broken, and now their site is no longer up Here's what I'm trying to do, I need this player to access an external folder to generate the playlist. However, the player says to use a "relative" path only: Code: <!-- Script that embeds player. -->
<script language="javascript" type="text/javascript">
var so = new SWFObject("flashmp3player.swf", "player", "675", "300", "9"); // Location of swf file. You can change player width and height here (using pixels or percents).
so.addParam("quality","high");
so.addVariable("content_path", "http://www.blessedhopeministries.com/sermons/Rev.%20Eddie%20Conard/"); // Location of a folder with mp3 files (relative to php script).
so.addVariable("color_path","default.xml"); // Location of xml file with color settings.
so.addVariable("script_path","flashmp3player.php"); // Location of php script.
so.write("player");
</script>
I need it to access: http://www.blessedhopeministries.com...ddie%20Conard/ These are both of my client's sites, but I'm just trying to upload to one central folder so that two players on two separate sites can access the same files. Here's a piece of JS that is in a .php file associated with this player. I'm not sure if it will help, but here it is: Code: class ID3{
var $file_name=''; //full path to the file
//the sugestion is that this path should be a
//relative path
var $tags; //array with ID3 tags extracted from the file
var $last_error_num=0; //keep the number of the last error ocurred
var $tags_count = 0; // the number of elements at the tags array
I'd appreciate any help from you pros and I apologize if I didn't post in the correct place. Thank you! This is my first post. I am reading "Javascript The Good Parts" ~ The Method Invocation Pattern Page 28 and tried this, var myObject= { value:0, increment:function(inc){ this.value+= typeof inc==="number" ? inc:1; } } myObject.increment(2); alert(myObject.value); but alert(myObject.value); is returning a value of "2", when it should return "3". Can someone help? Reply With Quote 12-22-2014, 09:59 AM #2 rnd me View Profile View Forum Posts Visit Homepage Senior Coder Join Date Jun 2007 Location Urbana Posts 4,497 Thanks 11 Thanked 603 Times in 583 Posts 0+2=2, not 3; the code is working correctly. |
|||||||