file
jQuery Plugins - dynamic self loading plugins and includes
March 19, 2009 - 11:03am — dimpThanks to all for provided the grown work.
Features:
- dynamically load a script or stylesheet
- check if a script or stylesheet as been previously loaded
- preconfigure plugins with multiple files and preloaders
- preconfigure selectors to load plugins
- preconfigure jQuery extensions to dynamically load plugins
Functions
$.included(file) - checks if the file has been already included
$.include(file,force|callback) - includes the file into the header. if force is specified then its include in the body
$.plugin(options) -
id: plugin id
js: script(s) to be included
css: stylesheet(s) to be include
sel: jQuery selector(s) to preload plugin
ext: jQuery function extender(s)
fn: jQuery element function extender(s)
$.plugins({path,plugins}|plugins) - preconfigure multiple plugins. You can also provide a base path to simplify their definition
$.requires(id,callback) - load a plugin
Example
jQuery uploadprogress for PHP
February 19, 2009 - 2:07am — jtnixuploadprogress v 0.3 - a jQuery plugin
copyright (c) 2008,2009 Jolyon Terwilliger
requires a web server running PHP 5.2.x with the
PHP uploadprogress module compiled in or enabled as a shared object:
http://pecl.php.net/package/uploadprogress
Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
description:
plugin to augment a standard file upload form with transparent background upload
and add uploadprogress meter to keep client informed of progress. (see requirements above)
Asynchronous File Upload
February 2, 2009 - 11:05pm — mike.kaplinskiyThis gives a JQuery-like $.ajax function to upload file(s).
Usage:
$('.myUploadFileInputs, .anythingElseYouWantInTheFormTag').ajaxFileUpload({
url: 'upload.php',
data: {'UPLOAD_IDENTIFIER': uniqId},
dataType: 'xml',
timeout: 600,
success: function(data, status) { alert("GOT IT: " + data); },
error: function(data, status, e) { alert("Something went horribly wrong"); }
});The parameters are similar to the normal $.ajax function.
I STRONGLY SUGGEST that you use a timeout. No events are not fired for network errors, so there is no way to detect if the upload stopped.
A good chunk of the options from $.ajaxSetup is respected.
Styling File Inputs
January 18, 2009 - 7:02am — n0nickThis is a jQuery implementation of the SI_Files JS library created by Shaun Inman and described here: http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom.
It uses the same method of creating an upload button using a div with a background image, and then moving a transparent file field with the user's cursor as she hovers the div.
As opposed to other file field styling methods, this one worked as I intended even in complicated layouts, i.e. the controller is positioned inside a floating or relatively-positioned element.
Ajax file upload plugin
November 21, 2008 - 7:00am — valumsThis plugin replaces the standart file input element. It allows you to upload multiple files without refreshing the page and use any link, image or other element instead of the file input to show the "file selection" dialogue.
treeTable
November 13, 2008 - 7:21am — ludoThe treeTable plugin allows you to display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.
NOTE: This plugin was originally named ActsAsTreeTable.
Features
- - Display a data tree in a table column.
- - As unobtrusively as possible.
- - Optional collapse/expand behavior on branches (think of how a directory structure works in most file explorers).
- - Prepared for drag & drop of branches/nodes.
- - Unlimited tree depth.
Include file on demand
September 30, 2008 - 3:40pm — alexanmtzThis tool include files(Javascript and / or CSS) in the head of the document and load. You can pass a single file or a array of files (can be mix of CSS or Javascript). You can passa a callback to execute some code after the script has loaded.
This plugin is useful for load scripts on demand or insert components for ajax calls.
The plugin checks if the file already exist before add and the callback for Style files wasn´t fully tested because of tricks of browsers*
Usage
Single javascript file
$.include('file.js');Array of files
$.include(['file.js','file02.js']);Even a mix of file
$.include(['script.js','style.css']);You can specify the base path to be used in all calls of the plugin
$.includeBasePath = 'path/to/include';You can have a callback to execute code when script has loaded
One Click Upload
August 17, 2008 - 10:46am — michaelmitchellOne-Click Upload is a jQuery plugin that replaces the standard file input element, allowing you to use any link, image or element to be used for the purpose of bringing up the "file browse" dialogue. It completes the upload behind the scenes without refreshing the page, making it less obtrusive and easier to style than a standard upload form.
SFBrowser
June 23, 2008 - 7:16pm — SjeitiSFBrowser is a file browser and uploader for jquery and php5. It returns a list of objects with containing the names and additional information of the selected files.
You can use it, like any open-file-dialog, to select one or more files. Most inherent functionalities are also there like: file upload, file preview, creating folders and renaming or deleting files and folders.
features
- ajax file upload
- localisation (English, Dutch or Spanish)
- server side script connector
- plugin environment (with filetree and imageresize plugin)
- data caching (minimal server communication)
- sortable file table
- file filtering
- file renameing
- file duplication
- file download
- file/folder context menu
- file preview (image, audio, video and text/ascii)
- folder creation
- multiple files selection (not in IE for now)
- inline or overlay window
