|
| From: | Sigurd Nes |
| Subject: | [Fmsystem-commits] [12059] API: add JQery datatables |
| Date: | Thu, 21 Aug 2014 12:38:24 +0000 |
Revision: 12059
http://svn.sv.gnu.org/viewvc/?view=rev&root=fmsystem&revision=12059
Author: sigurdne
Date: 2014-08-21 12:38:22 +0000 (Thu, 21 Aug 2014)
Log Message:
-----------
API: add JQery datatables
Added Paths:
-----------
trunk/phpgwapi/js/DataTables/
trunk/phpgwapi/js/DataTables/Contributing.md
trunk/phpgwapi/js/DataTables/Readme.md
trunk/phpgwapi/js/DataTables/bower.json
trunk/phpgwapi/js/DataTables/composer.json
trunk/phpgwapi/js/DataTables/dataTables.jquery.json
trunk/phpgwapi/js/DataTables/extensions/
trunk/phpgwapi/js/DataTables/extensions/AutoFill/
trunk/phpgwapi/js/DataTables/extensions/AutoFill/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.css
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.min.css
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/columns.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/complete-callback.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-both.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-horizontal.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/scrolling.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/step-callback.html
trunk/phpgwapi/js/DataTables/extensions/AutoFill/images/
trunk/phpgwapi/js/DataTables/extensions/AutoFill/images/filler.png
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/dataTables.autoFill.js
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/dataTables.autoFill.min.js
trunk/phpgwapi/js/DataTables/extensions/ColReorder/
trunk/phpgwapi/js/DataTables/extensions/ColReorder/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/dataTables.colReorder.css
trunk/phpgwapi/js/DataTables/extensions/ColReorder/css/dataTables.colReorder.min.css
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/alt_insert.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/col_filter.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/colvis.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/fixedcolumns.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/fixedheader.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/jqueryui.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/new_init.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/predefined.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/realtime.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/reset.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/scrolling.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/server_side.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/examples/state_save.html
trunk/phpgwapi/js/DataTables/extensions/ColReorder/images/
trunk/phpgwapi/js/DataTables/extensions/ColReorder/images/insert.png
trunk/phpgwapi/js/DataTables/extensions/ColReorder/js/
trunk/phpgwapi/js/DataTables/extensions/ColReorder/js/dataTables.colReorder.js
trunk/phpgwapi/js/DataTables/extensions/ColReorder/js/dataTables.colReorder.min.js
trunk/phpgwapi/js/DataTables/extensions/ColVis/
trunk/phpgwapi/js/DataTables/extensions/ColVis/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/ColVis/css/
trunk/phpgwapi/js/DataTables/extensions/ColVis/css/dataTables.colVis.css
trunk/phpgwapi/js/DataTables/extensions/ColVis/css/dataTables.colVis.min.css
trunk/phpgwapi/js/DataTables/extensions/ColVis/css/dataTables.colvis.jqueryui.css
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/button_order.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/exclude_columns.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/group_columns.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/jqueryui.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/mouseover.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/new_init.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/restore.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/text.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/title_callback.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/two_tables.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/examples/two_tables_identical.html
trunk/phpgwapi/js/DataTables/extensions/ColVis/js/
trunk/phpgwapi/js/DataTables/extensions/ColVis/js/dataTables.colVis.js
trunk/phpgwapi/js/DataTables/extensions/ColVis/js/dataTables.colVis.min.js
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/dataTables.fixedColumns.css
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/css/dataTables.fixedColumns.min.css
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/bootstrap.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/col_filter.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/colvis.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/css_size.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/index_column.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/left_right_columns.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/right_column.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/rowspan.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/server-side-processing.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fixed.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/size_fluid.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/examples/two_columns.html
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/js/
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js
trunk/phpgwapi/js/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.min.js
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/dataTables.fixedHeader.css
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/css/dataTables.fixedHeader.min.css
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/header_footer.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/top_left_right.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/two_tables.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/examples/zIndexes.html
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/js/
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/js/dataTables.fixedHeader.js
trunk/phpgwapi/js/DataTables/extensions/FixedHeader/js/dataTables.fixedHeader.min.js
trunk/phpgwapi/js/DataTables/extensions/KeyTable/
trunk/phpgwapi/js/DataTables/extensions/KeyTable/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/dataTables.keyTable.css
trunk/phpgwapi/js/DataTables/extensions/KeyTable/css/dataTables.keyTable.min.css
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/events.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/html.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/scrolling.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/KeyTable/js/
trunk/phpgwapi/js/DataTables/extensions/KeyTable/js/dataTables.keyTable.js
trunk/phpgwapi/js/DataTables/extensions/KeyTable/js/dataTables.keyTable.min.js
trunk/phpgwapi/js/DataTables/extensions/Responsive/
trunk/phpgwapi/js/DataTables/extensions/Responsive/Readme.md
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.css
trunk/phpgwapi/js/DataTables/extensions/Responsive/css/dataTables.responsive.scss
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/column-control.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/custom-renderer.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/disable-child-rows.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/index.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/right-column.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/child-rows/whole-row-control.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/auto.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/classes.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/index.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/display-control/init-classes.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/ajax.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/className.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/index.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/new.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/initialisation/option.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/bootstrap.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/foundation.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/examples/styling/index.html
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/dataTables.responsive.js
trunk/phpgwapi/js/DataTables/extensions/Responsive/js/dataTables.responsive.min.js
trunk/phpgwapi/js/DataTables/extensions/Scroller/
trunk/phpgwapi/js/DataTables/extensions/Scroller/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/dataTables.scroller.css
trunk/phpgwapi/js/DataTables/extensions/Scroller/css/dataTables.scroller.min.css
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/api_scrolling.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/data/
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/data/2500.txt
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/data/ssp.php
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/large_js_source.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/server-side_processing.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/examples/state_saving.html
trunk/phpgwapi/js/DataTables/extensions/Scroller/images/
trunk/phpgwapi/js/DataTables/extensions/Scroller/images/loading-background.png
trunk/phpgwapi/js/DataTables/extensions/Scroller/js/
trunk/phpgwapi/js/DataTables/extensions/Scroller/js/dataTables.scroller.js
trunk/phpgwapi/js/DataTables/extensions/Scroller/js/dataTables.scroller.min.js
trunk/phpgwapi/js/DataTables/extensions/TableTools/
trunk/phpgwapi/js/DataTables/extensions/TableTools/Readme.txt
trunk/phpgwapi/js/DataTables/extensions/TableTools/css/
trunk/phpgwapi/js/DataTables/extensions/TableTools/css/dataTables.tableTools.css
trunk/phpgwapi/js/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/ajax.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/alter_buttons.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/bootstrap.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/button_text.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/collection.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/defaults.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/index.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/jqueryui.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/multi_instance.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/multiple_tables.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/new_init.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/pdf_message.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/plug-in.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/select_column.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/select_multi.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/select_os.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/select_single.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/simple.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/examples/swf_path.html
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/background.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/collection.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/collection_hover.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/copy.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/copy_hover.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/csv.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/csv_hover.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/pdf.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/pdf_hover.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/print.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/print_hover.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/psd/
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/psd/collection.psd
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/psd/copy
document.psd
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/psd/file_types.psd
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/psd/printer.psd
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/xls.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/images/xls_hover.png
trunk/phpgwapi/js/DataTables/extensions/TableTools/js/
trunk/phpgwapi/js/DataTables/extensions/TableTools/js/dataTables.tableTools.js
trunk/phpgwapi/js/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js
trunk/phpgwapi/js/DataTables/extensions/TableTools/swf/
trunk/phpgwapi/js/DataTables/extensions/TableTools/swf/copy_csv_xls.swf
trunk/phpgwapi/js/DataTables/extensions/TableTools/swf/copy_csv_xls_pdf.swf
trunk/phpgwapi/js/DataTables/license.txt
trunk/phpgwapi/js/DataTables/media/
trunk/phpgwapi/js/DataTables/media/css/
trunk/phpgwapi/js/DataTables/media/css/jquery.dataTables.css
trunk/phpgwapi/js/DataTables/media/css/jquery.dataTables.min.css
trunk/phpgwapi/js/DataTables/media/css/jquery.dataTables_themeroller.css
trunk/phpgwapi/js/DataTables/media/images/
trunk/phpgwapi/js/DataTables/media/images/Sorting icons.psd
trunk/phpgwapi/js/DataTables/media/images/back_disabled.png
trunk/phpgwapi/js/DataTables/media/images/back_enabled.png
trunk/phpgwapi/js/DataTables/media/images/back_enabled_hover.png
trunk/phpgwapi/js/DataTables/media/images/favicon.ico
trunk/phpgwapi/js/DataTables/media/images/forward_disabled.png
trunk/phpgwapi/js/DataTables/media/images/forward_enabled.png
trunk/phpgwapi/js/DataTables/media/images/forward_enabled_hover.png
trunk/phpgwapi/js/DataTables/media/images/sort_asc.png
trunk/phpgwapi/js/DataTables/media/images/sort_asc_disabled.png
trunk/phpgwapi/js/DataTables/media/images/sort_both.png
trunk/phpgwapi/js/DataTables/media/images/sort_desc.png
trunk/phpgwapi/js/DataTables/media/images/sort_desc_disabled.png
trunk/phpgwapi/js/DataTables/media/js/
trunk/phpgwapi/js/DataTables/media/js/jquery.dataTables.columnFilter.js
trunk/phpgwapi/js/DataTables/media/js/jquery.dataTables.js
trunk/phpgwapi/js/DataTables/media/js/jquery.dataTables.min.js
trunk/phpgwapi/js/DataTables/media/js/jquery.js
trunk/phpgwapi/js/DataTables/package.json
Added: trunk/phpgwapi/js/DataTables/Contributing.md
===================================================================
--- trunk/phpgwapi/js/DataTables/Contributing.md
(rev 0)
+++ trunk/phpgwapi/js/DataTables/Contributing.md 2014-08-21 12:38:22 UTC
(rev 12059)
@@ -0,0 +1,9 @@
+# Contributing
+
+If you are thinking of contributing code to DataTables, first of all, thank
you! All fixes, patches and enhancements to DataTables are very warmly
welcomed. In order to keep thing manageable, there are a number of guidelines
that should be followed in order to ensure that your modification is included
in DataTables as quickly as possible:
+
+1. Make contributions in the DataTables/DataTablesSrc repo. Changes to the
built files in the built repo (DataTables/DataTables) will not be accepted
since they would be overwritten by the next build!
+
+2. Follow the style of the code in the existing files. DataTables doesn't have
a coding standards document, but simple common sense of following the same
style as in the existing files is ideal. For example use tabs not spaces (as
you will see all source files use tabs).
+
+3. Link to a test page showing the bug you are fixing or the feature you are
adding. This allows to me to quickly identify what is being changed and why.
Don't worry about being verbose in pull requests - its much better to know
exactly what is changing and why!
Added: trunk/phpgwapi/js/DataTables/Readme.md
===================================================================
--- trunk/phpgwapi/js/DataTables/Readme.md (rev 0)
+++ trunk/phpgwapi/js/DataTables/Readme.md 2014-08-21 12:38:22 UTC (rev
12059)
@@ -0,0 +1,53 @@
+# DataTables plug-in for jQuery
+
+DataTables is a table enhancing plug-in for the [jQuery](//jquery.com)
Javascript library, adding sorting, paging and filtering abilities to plain
HTML tables with minimal effort. The stated goal of DataTables is:
+
+> To enhance the accessibility of data in HTML tables.
+
+To meet this goal, DataTables is developed with two distinct groups of users
in mind:
+
+* You the developers using DataTables. For developers DataTables provides a
wide array of options for how data should be obtained, displayed and acted
upon, along with an extensive API for accessing and manipulating the table.
+
+* End users. For those using the interface DataTables presents, actions to get
the most from the information contained in tables, such as sorting and
filtering, along with paging and scrolling of the data in table, are easy to
use, intuitive and fast.
+
+
+## Installation
+
+In most cases, to use DataTables all you need to do is include jQuery, the
DataTables Javascript and DataTables CSS files in your HTML page. See the
[DataTables
manual](http://datatables.net/manual/installation#Including-Javascript-/-CSS)
for details on how to do this using the latest version of DataTables.
+
+
+## Usage
+
+In its simplest case, DataTables can be initialised with a single line of
Javascript:
+
+```js
+$('table').dataTable();
+```
+
+where the jQuery selector is used to obtain a reference to the table you want
to enhance with DataTables. Optional configuration parameters can be passed in
to DataTables to have it perform certain actions by using a configuration
object as the parameter passed in to the DataTables constructor. For example:
+
+```js
+$('table').dataTable( {
+ paginate: false,
+ scrollY: 300
+} );
+```
+
+will disable paging and enable scrolling.
+
+A full list of the options available for DataTables are available in the
[documentation](//datatables.net).
+
+
+## Documentation
+
+Full documentation of the DataTables options, API and pug-in interface are
available on the [DataTables web-site](//datatables.net). The site also
contains information on the wide variety of plug-ins that are available for
DataTables, which can be used to enhance and customise your table even further.
+
+
+## Support
+
+Support for DataTables is available through the [DataTables
forums](//datatables.net/forums) and [commercial support
options](//datatables.net/support) are available.
+
+
+## License
+
+DataTables is release under the [MIT license](//datatables.net/license). You
are free to use, modify and distribute this software, as long as the copyright
header is left intact (specifically the comment block which starts with `/*!`.
Added: trunk/phpgwapi/js/DataTables/bower.json
===================================================================
--- trunk/phpgwapi/js/DataTables/bower.json (rev 0)
+++ trunk/phpgwapi/js/DataTables/bower.json 2014-08-21 12:38:22 UTC (rev
12059)
@@ -0,0 +1,11 @@
+{
+ "name": "datatables",
+ "version": "1.10.2",
+ "main": [
+ "media/js/jquery.dataTables.js",
+ "media/css/jquery.dataTables.css"
+ ],
+ "dependencies": {
+ "jquery": ">=1.7.0"
+ }
+}
Added: trunk/phpgwapi/js/DataTables/composer.json
===================================================================
--- trunk/phpgwapi/js/DataTables/composer.json (rev 0)
+++ trunk/phpgwapi/js/DataTables/composer.json 2014-08-21 12:38:22 UTC (rev
12059)
@@ -0,0 +1,15 @@
+{
+ "name": "datatables/datatables",
+ "version": "1.10.2",
+ "description": "DataTables is a plug-in for the jQuery Javascript
library. It is a highly flexible tool, based upon the foundations of
progressive enhancement, which will add advanced interaction controls to any
HTML table.",
+ "homepage": "http://www.datatables.net/";,
+ "author": "SpryMedia",
+ "license": [
+ "MIT"
+ ],
+ "prefer-stable": true,
+ "support": {
+ "forum": "https://datatables.net/forums";,
+ "source": "https://github.com/DataTables/DataTablesSrc/";
+ }
+}
Added: trunk/phpgwapi/js/DataTables/dataTables.jquery.json
===================================================================
--- trunk/phpgwapi/js/DataTables/dataTables.jquery.json
(rev 0)
+++ trunk/phpgwapi/js/DataTables/dataTables.jquery.json 2014-08-21 12:38:22 UTC
(rev 12059)
@@ -0,0 +1,32 @@
+{
+ "name": "DataTables",
+ "version": "1.10.2",
+ "description": "DataTables enhances HTML tables with the ability to
sort, filter and page the data in the table very easily. It provides a
comprehensive API and set of configuration options, allowing you to consume
data from virtually any data source.",
+ "homepage": "http://datatables.net/";,
+ "docs": "http://datatables.net/";,
+ "demo": "http://datatables.net/examples";,
+ "download": "http://datatables.net/download";,
+ "author": {
+ "name": "Allan Jardine",
+ "url": "http://sprymedia.co.uk";
+ },
+ "licenses": [
+ {
+ "type": "MIT",
+ "url": "http://datatables.net/license_bsd";
+ }
+ ],
+ "dependencies": {
+ "jquery": ">=1.7"
+ },
+ "keywords": [
+ "DataTables",
+ "DataTable",
+ "table",
+ "grid",
+ "filter",
+ "sort",
+ "page",
+ "internationalisable"
+ ]
+}
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/Readme.txt
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/Readme.txt
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/Readme.txt 2014-08-21
12:38:22 UTC (rev 12059)
@@ -0,0 +1,38 @@
+# AutoFill
+
+AutoFill gives an Excel like option to a DataTable to click and drag over
multiple cells, filling in information over the selected cells and incrementing
numbers as needed. Key features include:
+
+* Click and drag cell content insertion
+* Automatic incrementing of numeric information
+* Enable and disable on any column
+* Detailed callback functions for customisation
+* Support for both DataTables and browser window scrolling
+
+
+# Installation
+
+To use AutoFill, first download DataTables ( http://datatables.net/download )
and place the unzipped AutoFill package into a `extensions` directory in the
DataTables package. This will allow the pages in the examples to operate
correctly. To see the examples running, open the `examples` directory in your
web-browser.
+
+
+# Basic usage
+
+AutoFill is initialised using the `$.fn.dataTable.AutoFill` constructor. For
example:
+
+```js
+$(document).ready( function () {
+ var table = $('#example').dataTable();
+ new $.fn.dataTable.AutoFill( table );
+} );
+```
+
+
+# Documentation / support
+
+* Documentation: http://datatables.net/extensions/autofill/
+* DataTables support forums: http://datatables.net/forums
+
+
+# GitHub
+
+If you fancy getting involved with the development of AutoFill and help make
it better, please refer to its GitHub repo:
https://github.com/DataTables/AutoFill
+
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.css
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,24 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * AutoFill styles
+ */
+
+div.AutoFill_filler {
+ display: none;
+ position: absolute;
+ height: 14px;
+ width: 14px;
+ background: url(../images/filler.png) no-repeat center center;
+ z-index: 1002;
+}
+
+div.AutoFill_border {
+ display: none;
+ position: absolute;
+ background-color: #0063dc;
+ z-index: 1001;
+
+ box-shadow: 0px 0px 5px #76b4ff;
+ -moz-box-shadow: 0px 0px 5px #76b4ff;
+ -webkit-box-shadow: 0px 0px 5px #76b4ff;
+}
+
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.min.css
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.min.css
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/css/dataTables.autoFill.min.css
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1 @@
+div.AutoFill_filler{display:none;position:absolute;height:14px;width:14px;background:url(../images/filler.png)
no-repeat center
center;z-index:1002}div.AutoFill_border{display:none;position:absolute;background-color:#0063dc;z-index:1001;box-shadow:0px
0px 5px #76b4ff;-moz-box-shadow:0px 0px 5px #76b4ff;-webkit-box-shadow:0px 0px
5px #76b4ff}
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/columns.html
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/columns.html
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/columns.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,644 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Column options</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').dataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ "columnDefs": [
+ { enable: false, targets: [-1, -2] },
+ { increment: false, targets: 3 }
+ ]
+ } );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Column options</span></h1>
+
+ <div class="info">
+ <p>Columns can be enabled (which they are by
default) and disabled from providing the end user with
+ AutoFill abilities by using either
<code>columns</code> or <code>columnDefs</code> and the
+ <code>enable</code> option. These two arrays
work in exactly the same way <a href=
+ "http://datatables.net/ref/columns";>as in
DataTables</a>.</p>
+
+ <p>This example shows how disabling columns
counting from the right hand side of the table can be
+ achieved. In this case, the last three
columns.</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').dataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ "columnDefs": [
+ { enable: false, targets: [-1, -2] },
+ { increment: false, targets: 3 }
+ ]
+ } );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li class="active"><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/complete-callback.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/complete-callback.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/complete-callback.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,652 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Complete callback</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').dataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ complete: function ( altered ) {
+ var last = altered[ altered.length-1 ];
+ alert(
+ altered.length+' cells were altered in this
auto-fill. The '+
+ 'value of the last cell altered was:
'+last.oldValue+' and is '+
+ 'now '+last.newValue
+ );
+ }
+ } );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Complete callback</span></h1>
+
+ <div class="info">
+ <p>AutoFill provides a number of customisable
callback functions so you can tailor it's actions to
+ exactly what you need. This example shows the
use of the <code>complete</code> callback function which
+ is executed at the end of an auto-fill drag,
providing information about the cells that were
+ altered.</p>
+
+ <p>For a complete description of the
<code>complete</code> callback, please refer to the <a href=
+
"//datatables.net/extras/autofill/options">AutoFill documentation</a>.</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').dataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ complete: function ( altered ) {
+ var last = altered[ altered.length-1 ];
+ alert(
+ altered.length+' cells were altered in this
auto-fill. The '+
+ 'value of the last cell altered was:
'+last.oldValue+' and is '+
+ 'now '+last.newValue
+ );
+ }
+ } );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li class="active"><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-both.html
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-both.html
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-both.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,641 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Horizontal and vertical fill</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').DataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ mode: 'both'
+ } );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Horizontal and vertical
fill</span></h1>
+
+ <div class="info">
+ <p>By default AutoFill will allow the fill to
operate only on a single column at a time (i.e.
+ vertically). However, it has the ability to
provide the fill either horizontally, over both axis or
+ limited to just one axis depending on the
direction of the drag. This option is provided by the
+ <code>mode</code> sanitisation option.</p>
+
+ <p>In this case it is set to <code>both</code>
(i.e. both horizontal and vertical axis) to provide the
+ filler along a row, rather than a column.</p>
+
+ <p>For the full range of options and syntax for
<code>mode</code> please refer to the <a href=
+
"//datatables.net/extras/autofill/options">AutoFill documentation</a>.</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').DataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ mode: 'both'
+ } );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li class="active"><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-horizontal.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-horizontal.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/fill-horizontal.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,641 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Horizontal fill</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').DataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ mode: 'x'
+ } );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Horizontal fill</span></h1>
+
+ <div class="info">
+ <p>By default AutoFill will allow the fill to
operate only on a single column at a time (i.e.
+ vertically). However, it has the ability to
provide the fill either horizontally, over both axis or
+ limited to just one axis depending on the
direction of the drag. This option is provided by the
+ <code>mode</code> sanitisation option.</p>
+
+ <p>In this case it is set to <code>x</code>
(i.e. horizontal axis) to provide the filler along a row,
+ rather than a column.</p>
+
+ <p>For the full range of options and syntax for
<code>mode</code> please refer to the <a href=
+
"//datatables.net/extras/autofill/options">AutoFill documentation</a>.</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').DataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ mode: 'x'
+ } );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li class="active"><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/index.html
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/index.html
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/index.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+
+ <title>AutoFill examples - AutoFill examples</title>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>AutoFill examples</span></h1>
+
+ <div class="info">
+ <p>AutoFill gives an Excel like option to a
DataTable to click and drag over multiple cells, filling in
+ information over the selected cells and
incrementing numbers as needed.</p>
+
+ <p>Thanks to <a
href="http://www.phoniax.no/";>Phoniax AS</a> for their sponsorship of this
plug-in for
+ DataTables.</p>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/scrolling.html
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/scrolling.html
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/scrolling.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,638 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Scrolling DataTable</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').dataTable( {
+ scrollY: 200,
+ scrollCollapse: false,
+ paginate: false
+ } );
+
+ new $.fn.dataTable.AutoFill( table );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Scrolling
DataTable</span></h1>
+
+ <div class="info">
+ <p>When dragging an AutoFill handle, the table
(if DataTables scrolling is enabled) or the window will
+ be automatically scrolled, as you approach the
edge of the scrolling component. The example below shows
+ the effect with DataTables scrolling (and also
window if needed).</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').dataTable( {
+ scrollY: 200,
+ scrollCollapse: false,
+ paginate: false
+ } );
+
+ new $.fn.dataTable.AutoFill( table );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li class="active"><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/simple.html
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/simple.html
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/simple.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,631 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Basic initialisation</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').DataTable();
+ new $.fn.dataTable.AutoFill( table );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Basic
initialisation</span></h1>
+
+ <div class="info">
+ <p>AutoFill gives an Excel like option to a
DataTable to click and drag over multiple cells, filling in
+ information over the selected cells and
incrementing numbers as needed.</p>
+
+ <p>AutoFill is initialised using the
<code>$.fn.dataTable.AutoFill</code> function as shown in the
+ example below. It requires one parameter, the
DataTable instance that AutoFill is to operate on, and
+ optionally a second configuration parameter,
which is shown in the other AutoFill examples.</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').DataTable();
+ new $.fn.dataTable.AutoFill( table );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li class="active"><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/step-callback.html
===================================================================
---
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/step-callback.html
(rev 0)
+++
trunk/phpgwapi/js/DataTables/extensions/AutoFill/examples/step-callback.html
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,660 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <link rel="shortcut icon" type="image/ico"
href="http://www.datatables.net/favicon.ico";>
+ <meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
+
+ <title>AutoFill example - Step callback</title>
+ <link rel="stylesheet" type="text/css"
href="../../../media/css/jquery.dataTables.css">
+ <link rel="stylesheet" type="text/css"
href="../css/dataTables.autoFill.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/syntax/shCore.css">
+ <link rel="stylesheet" type="text/css"
href="../../../examples/resources/demo.css">
+ <style type="text/css" class="init">
+
+ </style>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../media/js/jquery.dataTables.js"></script>
+ <script type="text/javascript" language="javascript"
src="../js/dataTables.autoFill.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/syntax/shCore.js"></script>
+ <script type="text/javascript" language="javascript"
src="../../../examples/resources/demo.js"></script>
+ <script type="text/javascript" language="javascript" class="init">
+
+
+$(document).ready(function() {
+ var table = $('#example').dataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ columnDefs: [ {
+ targets: -1,
+ step: function ( cell, read, last, i, x, y ) {
+ var val = parseInt( (last ||
read).replace(/[$,]/g, ''), 10 );
+ val += (x<0 || y<0 ? -100 : 100); // - if going
back up, + if going down
+
+ // Format for the currency column
+ return '$'+val.toString().replace(
/\B(?=(\d{3})+(?!\d))/g, ',' );
+ }
+ } ]
+ } );
+} );
+
+
+ </script>
+</head>
+
+<body class="dt-example">
+ <div class="container">
+ <section>
+ <h1>AutoFill example <span>Step callback</span></h1>
+
+ <div class="info">
+ <p>By default, AutoFill will increment cells
that contain numbers by a single digit for each cell that
+ is iterated over (try the <em>Age</em> column
below for example). This behaviour can be disabled
+ completely using the <code>increment</code>
column option, but it can also be modified to suit your
+ requirements through use of the
<code>step</code> column callback function.</p>
+
+ <p>The <code>step</code> callback is executed
for each cell in the auto-fill set and gives complete
+ control over how data is incremented. The
example below shows the step function being used on the
+ <em>Salary</em> column to increment by 100,
rather than 1 for each cell.</p>
+
+ <p>For a complete description of the
<code>step</code> callback, please refer to the <a href=
+
"//datatables.net/extras/autofill/options">AutoFill documentation</a>.</p>
+ </div>
+
+ <table id="example" class="display" cellspacing="0"
width="100%">
+ <thead>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </thead>
+
+ <tfoot>
+ <tr>
+ <th>Name</th>
+ <th>Position</th>
+ <th>Office</th>
+ <th>Age</th>
+ <th>Start date</th>
+ <th>Salary</th>
+ </tr>
+ </tfoot>
+
+ <tbody>
+ <tr>
+ <td>Tiger Nixon</td>
+ <td>System Architect</td>
+ <td>Edinburgh</td>
+ <td>61</td>
+ <td>2011/04/25</td>
+ <td>$320,800</td>
+ </tr>
+ <tr>
+ <td>Garrett Winters</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>63</td>
+ <td>2011/07/25</td>
+ <td>$170,750</td>
+ </tr>
+ <tr>
+ <td>Ashton Cox</td>
+ <td>Junior Technical Author</td>
+ <td>San Francisco</td>
+ <td>66</td>
+ <td>2009/01/12</td>
+ <td>$86,000</td>
+ </tr>
+ <tr>
+ <td>Cedric Kelly</td>
+ <td>Senior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2012/03/29</td>
+ <td>$433,060</td>
+ </tr>
+ <tr>
+ <td>Airi Satou</td>
+ <td>Accountant</td>
+ <td>Tokyo</td>
+ <td>33</td>
+ <td>2008/11/28</td>
+ <td>$162,700</td>
+ </tr>
+ <tr>
+ <td>Brielle Williamson</td>
+ <td>Integration Specialist</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2012/12/02</td>
+ <td>$372,000</td>
+ </tr>
+ <tr>
+ <td>Herrod Chandler</td>
+ <td>Sales Assistant</td>
+ <td>San Francisco</td>
+ <td>59</td>
+ <td>2012/08/06</td>
+ <td>$137,500</td>
+ </tr>
+ <tr>
+ <td>Rhona Davidson</td>
+ <td>Integration Specialist</td>
+ <td>Tokyo</td>
+ <td>55</td>
+ <td>2010/10/14</td>
+ <td>$327,900</td>
+ </tr>
+ <tr>
+ <td>Colleen Hurst</td>
+ <td>Javascript Developer</td>
+ <td>San Francisco</td>
+ <td>39</td>
+ <td>2009/09/15</td>
+ <td>$205,500</td>
+ </tr>
+ <tr>
+ <td>Sonya Frost</td>
+ <td>Software Engineer</td>
+ <td>Edinburgh</td>
+ <td>23</td>
+ <td>2008/12/13</td>
+ <td>$103,600</td>
+ </tr>
+ <tr>
+ <td>Jena Gaines</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>30</td>
+ <td>2008/12/19</td>
+ <td>$90,560</td>
+ </tr>
+ <tr>
+ <td>Quinn Flynn</td>
+ <td>Support Lead</td>
+ <td>Edinburgh</td>
+ <td>22</td>
+ <td>2013/03/03</td>
+ <td>$342,000</td>
+ </tr>
+ <tr>
+ <td>Charde Marshall</td>
+ <td>Regional Director</td>
+ <td>San Francisco</td>
+ <td>36</td>
+ <td>2008/10/16</td>
+ <td>$470,600</td>
+ </tr>
+ <tr>
+ <td>Haley Kennedy</td>
+ <td>Senior Marketing
Designer</td>
+ <td>London</td>
+ <td>43</td>
+ <td>2012/12/18</td>
+ <td>$313,500</td>
+ </tr>
+ <tr>
+ <td>Tatyana Fitzpatrick</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>19</td>
+ <td>2010/03/17</td>
+ <td>$385,750</td>
+ </tr>
+ <tr>
+ <td>Michael Silva</td>
+ <td>Marketing Designer</td>
+ <td>London</td>
+ <td>66</td>
+ <td>2012/11/27</td>
+ <td>$198,500</td>
+ </tr>
+ <tr>
+ <td>Paul Byrd</td>
+ <td>Chief Financial Officer
(CFO)</td>
+ <td>New York</td>
+ <td>64</td>
+ <td>2010/06/09</td>
+ <td>$725,000</td>
+ </tr>
+ <tr>
+ <td>Gloria Little</td>
+ <td>Systems Administrator</td>
+ <td>New York</td>
+ <td>59</td>
+ <td>2009/04/10</td>
+ <td>$237,500</td>
+ </tr>
+ <tr>
+ <td>Bradley Greer</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>41</td>
+ <td>2012/10/13</td>
+ <td>$132,000</td>
+ </tr>
+ <tr>
+ <td>Dai Rios</td>
+ <td>Personnel Lead</td>
+ <td>Edinburgh</td>
+ <td>35</td>
+ <td>2012/09/26</td>
+ <td>$217,500</td>
+ </tr>
+ <tr>
+ <td>Jenette Caldwell</td>
+ <td>Development Lead</td>
+ <td>New York</td>
+ <td>30</td>
+ <td>2011/09/03</td>
+ <td>$345,000</td>
+ </tr>
+ <tr>
+ <td>Yuri Berry</td>
+ <td>Chief Marketing Officer
(CMO)</td>
+ <td>New York</td>
+ <td>40</td>
+ <td>2009/06/25</td>
+ <td>$675,000</td>
+ </tr>
+ <tr>
+ <td>Caesar Vance</td>
+ <td>Pre-Sales Support</td>
+ <td>New York</td>
+ <td>21</td>
+ <td>2011/12/12</td>
+ <td>$106,450</td>
+ </tr>
+ <tr>
+ <td>Doris Wilder</td>
+ <td>Sales Assistant</td>
+ <td>Sidney</td>
+ <td>23</td>
+ <td>2010/09/20</td>
+ <td>$85,600</td>
+ </tr>
+ <tr>
+ <td>Angelica Ramos</td>
+ <td>Chief Executive Officer
(CEO)</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2009/10/09</td>
+ <td>$1,200,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Joyce</td>
+ <td>Developer</td>
+ <td>Edinburgh</td>
+ <td>42</td>
+ <td>2010/12/22</td>
+ <td>$92,575</td>
+ </tr>
+ <tr>
+ <td>Jennifer Chang</td>
+ <td>Regional Director</td>
+ <td>Singapore</td>
+ <td>28</td>
+ <td>2010/11/14</td>
+ <td>$357,650</td>
+ </tr>
+ <tr>
+ <td>Brenden Wagner</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>28</td>
+ <td>2011/06/07</td>
+ <td>$206,850</td>
+ </tr>
+ <tr>
+ <td>Fiona Green</td>
+ <td>Chief Operating Officer
(COO)</td>
+ <td>San Francisco</td>
+ <td>48</td>
+ <td>2010/03/11</td>
+ <td>$850,000</td>
+ </tr>
+ <tr>
+ <td>Shou Itou</td>
+ <td>Regional Marketing</td>
+ <td>Tokyo</td>
+ <td>20</td>
+ <td>2011/08/14</td>
+ <td>$163,000</td>
+ </tr>
+ <tr>
+ <td>Michelle House</td>
+ <td>Integration Specialist</td>
+ <td>Sidney</td>
+ <td>37</td>
+ <td>2011/06/02</td>
+ <td>$95,400</td>
+ </tr>
+ <tr>
+ <td>Suki Burks</td>
+ <td>Developer</td>
+ <td>London</td>
+ <td>53</td>
+ <td>2009/10/22</td>
+ <td>$114,500</td>
+ </tr>
+ <tr>
+ <td>Prescott Bartlett</td>
+ <td>Technical Author</td>
+ <td>London</td>
+ <td>27</td>
+ <td>2011/05/07</td>
+ <td>$145,000</td>
+ </tr>
+ <tr>
+ <td>Gavin Cortez</td>
+ <td>Team Leader</td>
+ <td>San Francisco</td>
+ <td>22</td>
+ <td>2008/10/26</td>
+ <td>$235,500</td>
+ </tr>
+ <tr>
+ <td>Martena Mccray</td>
+ <td>Post-Sales support</td>
+ <td>Edinburgh</td>
+ <td>46</td>
+ <td>2011/03/09</td>
+ <td>$324,050</td>
+ </tr>
+ <tr>
+ <td>Unity Butler</td>
+ <td>Marketing Designer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/12/09</td>
+ <td>$85,675</td>
+ </tr>
+ <tr>
+ <td>Howard Hatfield</td>
+ <td>Office Manager</td>
+ <td>San Francisco</td>
+ <td>51</td>
+ <td>2008/12/16</td>
+ <td>$164,500</td>
+ </tr>
+ <tr>
+ <td>Hope Fuentes</td>
+ <td>Secretary</td>
+ <td>San Francisco</td>
+ <td>41</td>
+ <td>2010/02/12</td>
+ <td>$109,850</td>
+ </tr>
+ <tr>
+ <td>Vivian Harrell</td>
+ <td>Financial Controller</td>
+ <td>San Francisco</td>
+ <td>62</td>
+ <td>2009/02/14</td>
+ <td>$452,500</td>
+ </tr>
+ <tr>
+ <td>Timothy Mooney</td>
+ <td>Office Manager</td>
+ <td>London</td>
+ <td>37</td>
+ <td>2008/12/11</td>
+ <td>$136,200</td>
+ </tr>
+ <tr>
+ <td>Jackson Bradshaw</td>
+ <td>Director</td>
+ <td>New York</td>
+ <td>65</td>
+ <td>2008/09/26</td>
+ <td>$645,750</td>
+ </tr>
+ <tr>
+ <td>Olivia Liang</td>
+ <td>Support Engineer</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2011/02/03</td>
+ <td>$234,500</td>
+ </tr>
+ <tr>
+ <td>Bruno Nash</td>
+ <td>Software Engineer</td>
+ <td>London</td>
+ <td>38</td>
+ <td>2011/05/03</td>
+ <td>$163,500</td>
+ </tr>
+ <tr>
+ <td>Sakura Yamamoto</td>
+ <td>Support Engineer</td>
+ <td>Tokyo</td>
+ <td>37</td>
+ <td>2009/08/19</td>
+ <td>$139,575</td>
+ </tr>
+ <tr>
+ <td>Thor Walton</td>
+ <td>Developer</td>
+ <td>New York</td>
+ <td>61</td>
+ <td>2013/08/11</td>
+ <td>$98,540</td>
+ </tr>
+ <tr>
+ <td>Finn Camacho</td>
+ <td>Support Engineer</td>
+ <td>San Francisco</td>
+ <td>47</td>
+ <td>2009/07/07</td>
+ <td>$87,500</td>
+ </tr>
+ <tr>
+ <td>Serge Baldwin</td>
+ <td>Data Coordinator</td>
+ <td>Singapore</td>
+ <td>64</td>
+ <td>2012/04/09</td>
+ <td>$138,575</td>
+ </tr>
+ <tr>
+ <td>Zenaida Frank</td>
+ <td>Software Engineer</td>
+ <td>New York</td>
+ <td>63</td>
+ <td>2010/01/04</td>
+ <td>$125,250</td>
+ </tr>
+ <tr>
+ <td>Zorita Serrano</td>
+ <td>Software Engineer</td>
+ <td>San Francisco</td>
+ <td>56</td>
+ <td>2012/06/01</td>
+ <td>$115,000</td>
+ </tr>
+ <tr>
+ <td>Jennifer Acosta</td>
+ <td>Junior Javascript
Developer</td>
+ <td>Edinburgh</td>
+ <td>43</td>
+ <td>2013/02/01</td>
+ <td>$75,650</td>
+ </tr>
+ <tr>
+ <td>Cara Stevens</td>
+ <td>Sales Assistant</td>
+ <td>New York</td>
+ <td>46</td>
+ <td>2011/12/06</td>
+ <td>$145,600</td>
+ </tr>
+ <tr>
+ <td>Hermione Butler</td>
+ <td>Regional Director</td>
+ <td>London</td>
+ <td>47</td>
+ <td>2011/03/21</td>
+ <td>$356,250</td>
+ </tr>
+ <tr>
+ <td>Lael Greer</td>
+ <td>Systems Administrator</td>
+ <td>London</td>
+ <td>21</td>
+ <td>2009/02/27</td>
+ <td>$103,500</td>
+ </tr>
+ <tr>
+ <td>Jonas Alexander</td>
+ <td>Developer</td>
+ <td>San Francisco</td>
+ <td>30</td>
+ <td>2010/07/14</td>
+ <td>$86,500</td>
+ </tr>
+ <tr>
+ <td>Shad Decker</td>
+ <td>Regional Director</td>
+ <td>Edinburgh</td>
+ <td>51</td>
+ <td>2008/11/13</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Michael Bruce</td>
+ <td>Javascript Developer</td>
+ <td>Singapore</td>
+ <td>29</td>
+ <td>2011/06/27</td>
+ <td>$183,000</td>
+ </tr>
+ <tr>
+ <td>Donna Snider</td>
+ <td>Customer Support</td>
+ <td>New York</td>
+ <td>27</td>
+ <td>2011/01/25</td>
+ <td>$112,000</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <ul class="tabs">
+ <li class="active">Javascript</li>
+ <li>HTML</li>
+ <li>CSS</li>
+ <li>Ajax</li>
+ <li>Server-side script</li>
+ </ul>
+
+ <div class="tabs">
+ <div class="js">
+ <p>The Javascript shown below is used
to initialise the table shown in this
+ example:</p><code class="multiline
brush: js;">$(document).ready(function() {
+ var table = $('#example').dataTable();
+
+ new $.fn.dataTable.AutoFill( table, {
+ columnDefs: [ {
+ targets: -1,
+ step: function ( cell, read, last, i, x, y ) {
+ var val = parseInt( (last ||
read).replace(/[$,]/g, ''), 10 );
+ val += (x<0 || y<0 ? -100 : 100); // - if
going back up, + if going down
+
+ // Format for the currency column
+ return '$'+val.toString().replace(
/\B(?=(\d{3})+(?!\d))/g, ',' );
+ }
+ } ]
+ } );
+} );</code>
+
+ <p>In addition to the above code, the
following Javascript library files are loaded for use in this
+ example:</p>
+
+ <ul>
+ <li><a
href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
+ <li><a href=
+
"../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
+ <li><a
href="../js/dataTables.autoFill.js">../js/dataTables.autoFill.js</a></li>
+ </ul>
+ </div>
+
+ <div class="table">
+ <p>The HTML shown below is the raw HTML
table element, before it has been enhanced by
+ DataTables:</p>
+ </div>
+
+ <div class="css">
+ <div>
+ <p>This example uses a little
bit of additional CSS beyond what is loaded from the library
+ files (below), in order to
correctly display the table. The additional CSS used is shown
+ below:</p><code
class="multiline brush: js;"></code>
+ </div>
+
+ <p>The following CSS library files are
loaded for use in this example to provide the styling of the
+ table:</p>
+
+ <ul>
+ <li><a href=
+
"../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
+ <li><a
href="../css/dataTables.autoFill.css">../css/dataTables.autoFill.css</a></li>
+ </ul>
+ </div>
+
+ <div class="ajax">
+ <p>This table loads data by Ajax. The
latest data that has been loaded is shown below. This data
+ will update automatically as any
additional data is loaded.</p>
+ </div>
+
+ <div class="php">
+ <p>The script used to perform the
server-side processing for this table is shown below. Please note
+ that this is just an example script
using PHP. Server-side processing scripts can be written in any
+ language, using <a
href="//datatables.net/manual/server-side">the protocol described in the
+ DataTables documentation</a>.</p>
+ </div>
+ </div>
+ </section>
+ </div>
+
+ <section>
+ <div class="footer">
+ <div class="gradient"></div>
+
+ <div class="liner">
+ <h2>Other examples</h2>
+
+ <div class="toc">
+ <div class="toc-group">
+ <h3><a
href="./index.html">Examples</a></h3>
+ <ul class="toc active">
+ <li><a
href="./simple.html">Basic initialisation</a></li>
+ <li><a
href="./columns.html">Column options</a></li>
+ <li><a
href="./scrolling.html">Scrolling DataTable</a></li>
+ <li><a
href="./fill-both.html">Horizontal and vertical fill</a></li>
+ <li><a
href="./fill-horizontal.html">Horizontal fill</a></li>
+ <li><a
href="./complete-callback.html">Complete callback</a></li>
+ <li class="active"><a
href="./step-callback.html">Step callback</a></li>
+ </ul>
+ </div>
+ </div>
+
+ <div class="epilogue">
+ <p>Please refer to the <a
href="http://www.datatables.net";>DataTables documentation</a> for full
+ information about its API properties
and methods.<br>
+ Additionally, there are a wide range of
<a href="http://www.datatables.net/extras";>extras</a> and
+ <a
href="http://www.datatables.net/plug-ins";>plug-ins</a> which extend the
capabilities of
+ DataTables.</p>
+
+ <p class="copyright">DataTables
designed and created by <a href=
+ "http://www.sprymedia.co.uk";>SpryMedia
Ltd</a> © 2007-2014<br>
+ DataTables is licensed under the <a
href="http://www.datatables.net/mit";>MIT license</a>.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+</body>
+</html>
\ No newline at end of file
Added: trunk/phpgwapi/js/DataTables/extensions/AutoFill/images/filler.png
===================================================================
(Binary files differ)
Property changes on:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/images/filler.png
___________________________________________________________________
Added: svn:mime-type
+ application/octet-stream
Added:
trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/dataTables.autoFill.js
===================================================================
--- trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/dataTables.autoFill.js
(rev 0)
+++ trunk/phpgwapi/js/DataTables/extensions/AutoFill/js/dataTables.autoFill.js
2014-08-21 12:38:22 UTC (rev 12059)
@@ -0,0 +1,855 @@
+/*! AutoFill 1.2.1
+ * ©2008-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary AutoFill
+ * @description Add Excel like click and drag auto-fill options to DataTables
+ * @version 1.2.1
+ * @file dataTables.autoFill.js
+ * @author SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact www.sprymedia.co.uk/contact
+ * @copyright Copyright 2010-2014 SpryMedia Ltd.
+ *
+ * This source file is free software, available under the following license:
+ * MIT license - http://datatables.net/license/mit
+ *
+ * This source file is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
+ *
+ * For details please refer to: http://www.datatables.net
+ */
+
+(function( window, document, undefined ) {
+
+var factory = function( $, DataTable ) {
+"use strict";
+
+/**
+ * AutoFill provides Excel like auto-fill features for a DataTable
+ *
+ * @class AutoFill
+ * @constructor
+ * @param {object} oTD DataTables settings object
+ * @param {object} oConfig Configuration object for AutoFill
+ */
+var AutoFill = function( oDT, oConfig )
+{
+ /* Sanity check that we are a new instance */
+ if ( ! (this instanceof AutoFill) ) {
+ throw( "Warning: AutoFill must be initialised with the keyword
'new'" );
+ }
+
+ if ( ! $.fn.dataTableExt.fnVersionCheck('1.7.0') ) {
+ throw( "Warning: AutoFill requires DataTables 1.7 or greater");
+ }
+
+
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * *
+ * Public class variables
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * */
+
+ this.c = {};
+
+ /**
+ * @namespace Settings object which contains customisable information
for AutoFill instance
+ */
+ this.s = {
+ /**
+ * @namespace Cached information about the little dragging icon
(the filler)
+ */
+ "filler": {
+ "height": 0,
+ "width": 0
+ },
+
+ /**
+ * @namespace Cached information about the border display
+ */
+ "border": {
+ "width": 2
+ },
+
+ /**
+ * @namespace Store for live information for the current drag
+ */
+ "drag": {
+ "startX": -1,
+ "startY": -1,
+ "startTd": null,
+ "endTd": null,
+ "dragging": false
+ },
+
+ /**
+ * @namespace Data cache for information that we need for
scrolling the screen when we near
+ * the edges
+ */
+ "screen": {
+ "interval": null,
+ "y": 0,
+ "height": 0,
+ "scrollTop": 0
+ },
+
+ /**
+ * @namespace Data cache for the position of the DataTables
scrolling element (when scrolling
+ * is enabled)
+ */
+ "scroller": {
+ "top": 0,
+ "bottom": 0
+ },
+
+ /**
+ * @namespace Information stored for each column. An array of
objects
+ */
+ "columns": []
+ };
+
+
+ /**
+ * @namespace Common and useful DOM elements for the class instance
+ */
+ this.dom = {
+ "table": null,
+ "filler": null,
+ "borderTop": null,
+ "borderRight": null,
+ "borderBottom": null,
+ "borderLeft": null,
+ "currentTarget": null
+ };
+
+
+
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * *
+ * Public class methods
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * */
+
+ /**
+ * Retreieve the settings object from an instance
+ * @method fnSettings
+ * @returns {object} AutoFill settings object
+ */
+ this.fnSettings = function () {
+ return this.s;
+ };
+
+
+ /* Constructor logic */
+ this._fnInit( oDT, oConfig );
+ return this;
+};
+
+
+
+AutoFill.prototype = {
+ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * *
+ * Private methods (they are of course public in JS, but recommended as
private)
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * */
+
+ /**
+ * Initialisation
+ * @method _fnInit
+ * @param {object} dt DataTables settings object
+ * @param {object} config Configuration object for AutoFill
+ * @returns void
+ */
+ "_fnInit": function ( dt, config )
+ {
+ var
+ that = this,
+ i, iLen;
+
+ // Use DataTables API to get the settings allowing selectors,
instances
+ // etc to be used, or for backwards compatibility get from the
old
+ // fnSettings method
+ this.s.dt = DataTable.Api ?
+ new DataTable.Api( dt ).settings()[0] :
+ dt.fnSettings();
+ this.s.init = config || {};
+ this.dom.table = this.s.dt.nTable;
+
+ $.extend( true, this.c, AutoFill.defaults, config );
+
+ /* Add and configure the columns */
+ this._initColumns();
+
+ /* Auto Fill click and drag icon */
+ var filler = $('<div/>', {
+ 'class': 'AutoFill_filler'
+ } )
+ .appendTo( 'body' );
+ this.dom.filler = filler[0];
+
+ // Get the height / width of the click element
+ this.s.filler.height = filler.height();
+ this.s.filler.width = filler.width();
+ filler[0].style.display = "none";
+
+ /* Border display - one div for each side. We can't just use a
single
+ * one with a border, as we want the events to effectively pass
through
+ * the transparent bit of the box
+ */
+ var border;
+ var appender = document.body;
+ if ( that.s.dt.oScroll.sY !== "" ) {
+ that.s.dt.nTable.parentNode.style.position = "relative";
+ appender = that.s.dt.nTable.parentNode;
+ }
+
+ border = $('<div/>', {
+ "class": "AutoFill_border"
+ } );
+ this.dom.borderTop = border.clone().appendTo( appender )[0];
+ this.dom.borderRight = border.clone().appendTo( appender )[0];
+ this.dom.borderBottom = border.clone().appendTo( appender )[0];
+ this.dom.borderLeft = border.clone().appendTo( appender )[0];
+
+ /* Events */
+ filler.on( 'mousedown.DTAF', function (e) {
+ this.onselectstart = function() { return false; };
+ that._fnFillerDragStart.call( that, e );
+ return false;
+ } );
+
+ $('tbody', this.dom.table).on(
+ 'mouseover.DTAF mouseout.DTAF',
+ '>tr>td, >tr>th',
+ function (e) {
+ that._fnFillerDisplay.call( that, e );
+ }
+ );
+
+ $(this.dom.table).on( 'destroy.dt.DTAF', function () {
+ filler.off( 'mousedown.DTAF' ).remove();
+ $('tbody', this.dom.table).off( 'mouseover.DTAF
mouseout.DTAF' );
+ } );
+ },
+
+
+ _initColumns: function ( )
+ {
+ var that = this;
+ var i, ien;
+ var dt = this.s.dt;
+ var config = this.s.init;
+
+ for ( i=0, ien=dt.aoColumns.length ; i<ien ; i++ ) {
+ this.s.columns[i] = $.extend( true, {},
AutoFill.defaults.column );
+ }
+
+ dt.oApi._fnApplyColumnDefs(
+ dt,
+ config.aoColumnDefs || config.columnDefs,
+ config.aoColumns || config.columns,
+ function (colIdx, def) {
+ that._fnColumnOptions( colIdx, def );
+ }
+ );
+
+ // For columns which don't have read, write, step functions
defined,
+ // use the default ones
+ for ( i=0, ien=dt.aoColumns.length ; i<ien ; i++ ) {
+ var column = this.s.columns[i];
+
+ if ( ! column.read ) {
+ column.read = this._fnReadCell;
+ }
+ if ( ! column.write ) {
+ column.read = this._fnWriteCell;
+ }
+ if ( ! column.step ) {
+ column.read = this._fnStep;
+ }
+ }
+ },
+
+
+ "_fnColumnOptions": function ( i, opts )
+ {
+ var column = this.s.columns[ i ];
+ var set = function ( outProp, inProp ) {
+ if ( opts[ inProp[0] ] !== undefined ) {
+ column[ outProp ] = opts[ inProp[0] ];
+ }
+ if ( opts[ inProp[1] ] !== undefined ) {
+ column[ outProp ] = opts[ inProp[1] ];
+ }
+ };
+
+ // Compatibility with the old Hungarian style of notation
+ set( 'enable', ['bEnable', 'enable'] );
+ set( 'read', ['fnRead', 'read'] );
+ set( 'write', ['fnWrite', 'write'] );
+ set( 'step', ['fnStep', 'step'] );
+ set( 'increment', ['bIncrement', 'increment'] );
+ },
+
+
+ /**
+ * Find out the coordinates of a given TD cell in a table
+ * @method _fnTargetCoords
+ * @param {Node} nTd
+ * @returns {Object} x and y properties, for the position of the cell
in the tables DOM
+ */
+ "_fnTargetCoords": function ( nTd )
+ {
+ var nTr = $(nTd).parents('tr')[0];
+ var position = this.s.dt.oInstance.fnGetPosition( nTd );
+
+ return {
+ "x": $('td', nTr).index(nTd),
+ "y": $('tr', nTr.parentNode).index(nTr),
+ "row": position[0],
+ "column": position[2]
+ };
+ },
+
+
+ /**
+ * Display the border around one or more cells (from start to end)
+ * @method _fnUpdateBorder
+ * @param {Node} nStart Starting cell
+ * @param {Node} nEnd Ending cell
+ * @returns void
+ */
+ "_fnUpdateBorder": function ( nStart, nEnd )
+ {
+ var
+ border = this.s.border.width,
+ offsetStart = $(nStart).offset(),
+ offsetEnd = $(nEnd).offset(),
+ x1 = offsetStart.left - border,
+ x2 = offsetEnd.left + $(nEnd).outerWidth(),
+ y1 = offsetStart.top - border,
+ y2 = offsetEnd.top + $(nEnd).outerHeight(),
+ width = offsetEnd.left + $(nEnd).outerWidth() -
offsetStart.left + (2*border),
+ height = offsetEnd.top + $(nEnd).outerHeight() -
offsetStart.top + (2*border),
+ oStyle;
+
+ // Recalculate start and end (when dragging "backwards")
+ if( offsetStart.left > offsetEnd.left) {
+ x1 = offsetEnd.left - border;
+ x2 = offsetStart.left + $(nStart).outerWidth();
+ width = offsetStart.left + $(nStart).outerWidth() -
offsetEnd.left + (2*border);
+ }
+
+ if ( this.s.dt.oScroll.sY !== "" )
+ {
+ /* The border elements are inside the DT scroller - so
position relative to that */
+ var
+ offsetScroll =
$(this.s.dt.nTable.parentNode).offset(),
+ scrollTop =
$(this.s.dt.nTable.parentNode).scrollTop(),
+ scrollLeft =
$(this.s.dt.nTable.parentNode).scrollLeft();
+
+ x1 -= offsetScroll.left - scrollLeft;
+ x2 -= offsetScroll.left - scrollLeft;
+ y1 -= offsetScroll.top - scrollTop;
+ y2 -= offsetScroll.top - scrollTop;
+ }
+
+ /* Top */
+ oStyle = this.dom.borderTop.style;
+ oStyle.top = y1+"px";
+ oStyle.left = x1+"px";
+ oStyle.height = this.s.border.width+"px";
+ oStyle.width = width+"px";
+
+ /* Bottom */
+ oStyle = this.dom.borderBottom.style;
+ oStyle.top = y2+"px";
+ oStyle.left = x1+"px";
+ oStyle.height = this.s.border.width+"px";
+ oStyle.width = width+"px";
+
+ /* Left */
+ oStyle = this.dom.borderLeft.style;
+ oStyle.top = y1+"px";
+ oStyle.left = x1+"px";
+ oStyle.height = height+"px";
+ oStyle.width = this.s.border.width+"px";
+
+ /* Right */
+ oStyle = this.dom.borderRight.style;
+ oStyle.top = y1+"px";
+ oStyle.left = x2+"px";
+ oStyle.height = height+"px";
+ oStyle.width = this.s.border.width+"px";
+ },
+
+
+ /**
+ * Mouse down event handler for starting a drag
+ * @method _fnFillerDragStart
+ * @param {Object} e Event object
+ * @returns void
+ */
+ "_fnFillerDragStart": function (e)
+ {
+ var that = this;
+ var startingTd = this.dom.currentTarget;
+
+ this.s.drag.dragging = true;
+
+ that.dom.borderTop.style.display = "block";
+ that.dom.borderRight.style.display = "block";
+ that.dom.borderBottom.style.display = "block";
+ that.dom.borderLeft.style.display = "block";
+
+ var coords = this._fnTargetCoords( startingTd );
+ this.s.drag.startX = coords.x;
+ this.s.drag.startY = coords.y;
+
+ this.s.drag.startTd = startingTd;
+ this.s.drag.endTd = startingTd;
+
+ this._fnUpdateBorder( startingTd, startingTd );
+
+ $(document).bind('mousemove.AutoFill', function (e) {
+ that._fnFillerDragMove.call( that, e );
+ } );
+
+ $(document).bind('mouseup.AutoFill', function (e) {
+ that._fnFillerFinish.call( that, e );
+ } );
+
+ /* Scrolling information cache */
+ this.s.screen.y = e.pageY;
+ this.s.screen.height = $(window).height();
+ this.s.screen.scrollTop = $(document).scrollTop();
+
+ if ( this.s.dt.oScroll.sY !== "" )
+ {
+ this.s.scroller.top =
$(this.s.dt.nTable.parentNode).offset().top;
+ this.s.scroller.bottom = this.s.scroller.top +
$(this.s.dt.nTable.parentNode).height();
+ }
+
+ /* Scrolling handler - we set an interval (which is cancelled
on mouse up) which will fire
+ * regularly and see if we need to do any scrolling
+ */
+ this.s.screen.interval = setInterval( function () {
+ var iScrollTop = $(document).scrollTop();
+ var iScrollDelta = iScrollTop - that.s.screen.scrollTop;
+ that.s.screen.y += iScrollDelta;
+
+ if ( that.s.screen.height - that.s.screen.y +
iScrollTop < 50 )
+ {
+ $('html, body').animate( {
+ "scrollTop": iScrollTop + 50
+ }, 240, 'linear' );
+ }
+ else if ( that.s.screen.y - iScrollTop < 50 )
+ {
+ $('html, body').animate( {
+ "scrollTop": iScrollTop - 50
+ }, 240, 'linear' );
+ }
+
+ if ( that.s.dt.oScroll.sY !== "" )
+ {
+ if ( that.s.screen.y > that.s.scroller.bottom -
50 )
+ {
+ $(that.s.dt.nTable.parentNode).animate(
{
+ "scrollTop":
$(that.s.dt.nTable.parentNode).scrollTop() + 50
+ }, 240, 'linear' );
+ }
+ else if ( that.s.screen.y < that.s.scroller.top
+ 50 )
+ {
+ $(that.s.dt.nTable.parentNode).animate(
{
+ "scrollTop":
$(that.s.dt.nTable.parentNode).scrollTop() - 50
+ }, 240, 'linear' );
+ }
+ }
+ }, 250 );
+ },
+
+
+ /**
+ * Mouse move event handler for during a move. See if we want to update
the display based on the
+ * new cursor position
+ * @method _fnFillerDragMove
+ * @param {Object} e Event object
+ * @returns void
+ */
+ "_fnFillerDragMove": function (e)
+ {
+ if ( e.target && e.target.nodeName.toUpperCase() == "TD" &&
+ e.target != this.s.drag.endTd )
+ {
+ var coords = this._fnTargetCoords( e.target );
+
+ if ( this.c.mode == "y" && coords.x !=
this.s.drag.startX )
+ {
+ e.target =
$('tbody>tr:eq('+coords.y+')>td:eq('+this.s.drag.startX+')', this.dom.table)[0];
+ }
+ if ( this.c.mode == "x" && coords.y !=
this.s.drag.startY )
+ {
+ e.target =
$('tbody>tr:eq('+this.s.drag.startY+')>td:eq('+coords.x+')', this.dom.table)[0];
+ }
+
+ if ( this.c.mode == "either")
+ {
+ if(coords.x != this.s.drag.startX )
+ {
+ e.target =
$('tbody>tr:eq('+this.s.drag.startY+')>td:eq('+coords.x+')', this.dom.table)[0];
+ }
+ else if ( coords.y != this.s.drag.startY ) {
+ e.target =
$('tbody>tr:eq('+coords.y+')>td:eq('+this.s.drag.startX+')', this.dom.table)[0];
+ }
+ }
+
+ // update coords
+ if ( this.c.mode !== "both" ) {
+ coords = this._fnTargetCoords( e.target );
+ }
+
+ var drag = this.s.drag;
+ drag.endTd = e.target;
+
+ if ( coords.y >= this.s.drag.startY ) {
+ this._fnUpdateBorder( drag.startTd, drag.endTd
);
+ }
+ else {
+ this._fnUpdateBorder( drag.endTd, drag.startTd
);
+ }
+ this._fnFillerPosition( e.target );
+ }
+
+ /* Update the screen information so we can perform scrolling */
+ this.s.screen.y = e.pageY;
+ this.s.screen.scrollTop = $(document).scrollTop();
+
+ if ( this.s.dt.oScroll.sY !== "" )
+ {
+ this.s.scroller.scrollTop =
$(this.s.dt.nTable.parentNode).scrollTop();
+ this.s.scroller.top =
$(this.s.dt.nTable.parentNode).offset().top;
+ this.s.scroller.bottom = this.s.scroller.top +
$(this.s.dt.nTable.parentNode).height();
+ }
+ },
+
+
+ /**
+ * Mouse release handler - end the drag and take action to update the
cells with the needed values
+ * @method _fnFillerFinish
+ * @param {Object} e Event object
+ * @returns void
+ */
+ "_fnFillerFinish": function (e)
+ {
+ var that = this, i, iLen, j;
+
+ $(document).unbind('mousemove.AutoFill mouseup.AutoFill');
+
+ this.dom.borderTop.style.display = "none";
+ this.dom.borderRight.style.display = "none";
+ this.dom.borderBottom.style.display = "none";
+ this.dom.borderLeft.style.display = "none";
+
+ this.s.drag.dragging = false;
+
+ clearInterval( this.s.screen.interval );
+
+ var cells = [];
+ var table = this.dom.table;
+ var coordsStart = this._fnTargetCoords( this.s.drag.startTd );
+ var coordsEnd = this._fnTargetCoords( this.s.drag.endTd );
+ var columnIndex = function ( visIdx ) {
+ return that.s.dt.oApi._fnVisibleToColumnIndex(
that.s.dt, visIdx );
+ };
+
+ // xxx - urgh - there must be a way of reducing this...
+ if ( coordsStart.y <= coordsEnd.y ) {
+ for ( i=coordsStart.y ; i<=coordsEnd.y ; i++ ) {
+ if ( coordsStart.x <= coordsEnd.x ) {
+ for ( j=coordsStart.x ; j<=coordsEnd.x
; j++ ) {
+ cells.push( {
+ node:
$('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0],
+ x: j -
coordsStart.x,
+ y: i -
coordsStart.y,
+ colIdx: columnIndex( j )
+ } );
+ }
+ }
+ else {
+ for ( j=coordsStart.x ; j>=coordsEnd.x
; j-- ) {
+ cells.push( {
+ node:
$('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0],
+ x: j -
coordsStart.x,
+ y: i -
coordsStart.y,
+ colIdx: columnIndex( j )
+ } );
+ }
+ }
+ }
+ }
+ else {
+ for ( i=coordsStart.y ; i>=coordsEnd.y ; i-- ) {
+ if ( coordsStart.x <= coordsEnd.x ) {
+ for ( j=coordsStart.x ; j<=coordsEnd.x
; j++ ) {
+ cells.push( {
+ node:
$('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0],
+ x: j -
coordsStart.x,
+ y: i -
coordsStart.y,
+ colIdx: columnIndex( j )
+ } );
+ }
+ }
+ else {
+ for ( j=coordsStart.x ; j>=coordsEnd.x
; j-- ) {
+ cells.push( {
+ node:
$('tbody>tr:eq('+i+')>td:eq('+j+')', table)[0],
+ x: coordsStart.x -
j,
+ y: coordsStart.y -
i,
+ colIdx: columnIndex( j )
+ } );
+ }
+ }
+ }
+ }
+
+ // An auto-fill requires 2 or more cells
+ if ( cells.length <= 1 ) {
+ return;
+ }
+
+ var edited = [];
+ var previous;
+
+ for ( i=0, iLen=cells.length ; i<iLen ; i++ ) {
+ var cell = cells[i];
+ var column = this.s.columns[ cell.colIdx ];
+ var read = column.read.call( column, cell.node );
+ var stepValue = column.step.call( column, cell.node,
read, previous, i, cell.x, cell.y );
+
+ column.write.call( column, cell.node, stepValue );
+
+ previous = stepValue;
+ edited.push( {
+ cell: cell,
+ colIdx: cell.colIdx,
+ newValue: stepValue,
+ oldValue: read
+ } );
+ }
+
+ if ( this.c.complete !== null ) {
+ this.c.complete.call( this, edited );
+ }
+
+ // In 1.10 we can do a static draw
+ if ( DataTable.Api ) {
+ new DataTable.Api( this.s.dt ).draw( false );
+ }
+ else {
+ this.s.dt.oInstance.fnDraw();
+ }
+ },
+
+
+ /**
+ * Display the drag handle on mouse over cell
+ * @method _fnFillerDisplay
+ * @param {Object} e Event object
+ * @returns void
+ */
+ "_fnFillerDisplay": function (e)
+ {
+ var filler = this.dom.filler;
+
+ /* Don't display automatically when dragging */
+ if ( this.s.drag.dragging)
+ {
+ return;
+ }
+
+ /* Check that we are allowed to AutoFill this column or not */
+ var nTd = (e.target.nodeName.toLowerCase() == 'td') ? e.target
: $(e.target).parents('td')[0];
+ var iX = this._fnTargetCoords(nTd).column;
+ if ( !this.s.columns[iX].enable )
+ {
+ filler.style.display = "none";
+ return;
+ }
+
+ if (e.type == 'mouseover')
+ {
+ this.dom.currentTarget = nTd;
+ this._fnFillerPosition( nTd );
+
+ filler.style.display = "block";
+ }
+ else if ( !e.relatedTarget ||
!e.relatedTarget.className.match(/AutoFill/) )
+ {
+ filler.style.display = "none";
+ }
+ },
+
+
+ /**
+ * Position the filler icon over a cell
+ * @method _fnFillerPosition
+ * @param {Node} nTd Cell to position filler icon over
+ * @returns void
+ */
+ "_fnFillerPosition": function ( nTd )
+ {
+ var offset = $(nTd).offset();
+ var filler = this.dom.filler;
+ filler.style.top = (offset.top - (this.s.filler.height / 2)-1 +
$(nTd).outerHeight())+"px";
+ filler.style.left = (offset.left - (this.s.filler.width / 2)-1
+ $(nTd).outerWidth())+"px";
+ }
+};
+
+
+// Alias for access
+DataTable.AutoFill = AutoFill;
+DataTable.AutoFill = AutoFill;
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * *
+ * Constants
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * */
+
+/**
+ * AutoFill version
+ * @constant version
+ * @type String
+ * @default See code
+ */
+AutoFill.version = "1.2.1";
+
+
+/**
+ * AutoFill defaults
+ * @namespace
+ */
+AutoFill.defaults = {
+ /**
+ * Mode for dragging (restrict to y-axis only, x-axis only, either one
or none):
+ *
+ * * `y` - y-axis only (default)
+ * * `x` - x-axis only
+ * * `either` - either one, but not both axis at the same time
+ * * `both` - multiple cells allowed
+ *
+ * @type {string}
+ * @default `y`
+ */
+ mode: 'y',
+
+ complete: null,
+
+ /**
+ * Column definition defaults
+ * @namespace
+ */
+ column: {
+ /**
+ * If AutoFill should be enabled on this column
+ *
+ * @type {boolean}
+ * @default true
+ */
+ enable: true,
+
+ /**
+ * Allow automatic increment / decrement on this column if a
number
+ * is found.
+ *
+ * @type {boolean}
+ * @default true
+ */
@@ Diff output truncated at 153600 characters. @@
| [Prev in Thread] | Current Thread | [Next in Thread] |