JSFiddle

Bratzilla's public fiddles

• oL6rh31p

  Mootools 1.4.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• m6ramxt7

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 9reeh8oL

  jQuery 1.6.4, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 346nezxb

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drag, Drop, Sort (jQuery)

  (Parent-Child issues resolved) Replace jQuery UI with a straightforward plugin to provide the needed functionality. Testing with the Sortable plugin here: http://johnny.github.com/jquery-sortable/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Table Pagination (for tree tables)

  Flat tables used to represent hierarchical structures (i.e., no nested tables).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Table Pagination (for tree tables)

  Flat tables used to represent hierarchical structures (i.e., no nested tables).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery UI Table Sort N-Level

  NOTE: This will require Ajax and server-side handling to work fully. Building on the hierarchy project, now working on semantic multilevel nested categories (i.e., parent->child->child->child, etc.) This specific code is meant to allow the end-user to sort sibling categories. Update will call for ajax handler to push the resultant array of values to server for processing. The array index + 1 will provide the actual category order. Ultimately, the index+1 values are all that will be updated in the database.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery UI Table Sort N-Level

  Building on the hierarchy project, now working on semantic multilevel nested categories (i.e., parent->child->child->child, etc.)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Template

  Links to all needed external libraries (i.e., jQuery UI)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery UI Table Sort Pseudo-Hierarchy - Part 2

  Refining code further, remove the onclick for top-level categories and instead use mousedown/mouseup to trigger desired behavior

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery UI Table Sort Pseudo-Hierarchy

  This tackles the long running problem of parent-child row sorting for tables. In this case, here are no nested structures. The hierarchical relationship is purely semantic and not structural (i.e., use of class names to designate parents and children). So far, this seems to work well with compliant browsers. Need to cross-test more.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 5uejbahd

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drag, Drop, Sort (jQuery)

  Testing another jQuery sortable solution

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drag, Drop, Sort (jQuery)

  Replace jQuery UI with a straightforward plugin to provide the needed functionality. Testing with the Sortable plugin here: http://johnny.github.com/jquery-sortable/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Chosen (for combobox)

  Code playground for Chosen, which provides a stable alternative to the clunky combobox of jQuery UI.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Smart Autocomplete

  Created by Laktek (https://github.com/laktek/jQuery-Smart-Auto-Complete) Turns a standard input field into an autocomplete box. It is more semantic than some other approaches (i.e., is built in a standard form element), and very light.weight.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Combobox plugin

  created by Ted Lin via GitHub, it is a light, easy-to-implement combobox that only needs JQuery 1.9+. It does NOT require JQuery UI. However, this approach has a serious problem - namely, the underlying structure required to make this work is not based on a standard form element. So effectively there is no input fallback. Nice combobox, but not safe.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Trumbowyg Editor

  Now in beta, Trumbowyg Editor by Alex D (https://github.com/Alex-D/Trumbowyg) is shaping into an awesome lightweight editor.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Trumbowyg Editor

  It's still in alpha, but the Trumbowyg Editor by Alex D (https://github.com/Alex-D/Trumbowyg) is already showing signs of intense awesome. Gonna have me some fun experimenting with it. :)

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2